深入分析CSS样式中的ID和CLASS的区别
【建站学院文档】今天有位朋友在群里问CSS的问题,提到Class和ID的区别,小编建议他百度一下,随后他查了很多文章,还是不太明白,于是小编只好给他一一分析。
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是先定义好一种样式,再套给多个结构/内容。
好了,到此为止,上面说的已经很明白了,无论id还是class都能轻松实现特别效果,简单方便,希望群里的朋友能够明白,也希望能给其他人以学习的机会。(文/飘飘)
------分隔线----------------------------
------分隔线----------------------------