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

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：https://www.cdcxhl.com/news1/277101.html

成都网站建设公司_创新互联，为您提供商城网站、网站内链、面包屑导航、ChatGPT、网站设计公司、企业建站

广告

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