CSS设计中ID与CLASS之间的区别

2023-08-19    分类: 网站建设

DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的肇端标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特征由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

我们都知道,在网页上行使HTML定位文字和图像是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的正确,因为浏览器和操作平台的不同会使显示的效果发生转变。

而CSS能使你看到希望的曙光。行使今天我们即将学到的CSS属性,你可以正确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!

Cascading Style Sheets(CSS)是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS 的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS 和 CSS-P。下面四个英文网址提供了具体的关于 CSS 和 CSS-P 的文件息争释。

        class是设置标签的类

        id是设置标签的标识

        class属性用于指定元素属于何种样式的类。

        如样式表可以加入

        .title {

        font-size: 14px;

        font-weight: bold;

        }

        使用方法:class="title"

        id属性用于定义一个元素的的样式。

如一个CSS规则:

        #container

        {
width: 1004px;
margin: 0 auto;
text-align: left;
}

        使用方法:id="container" ,id是一个标签,用于区分不同的结构和内容,就象你的名字,假如一个屋子有2个人同名,就会出现混淆;

        class是一个样式,可以套在任何结构和内容上,就象一件衣服;

        概念上说就是不一样的:
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

本文名称:CSS设计中ID与CLASS之间的区别
文章URL:/news1/277101.html

成都网站建设公司_创新互联,为您提供星空体育app最新版本(2024已更新)网站内链面包屑导航ChatGPT网站设计公司企业建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营