公告:

DIV中ID和class的使用有什么不同

作者:star0312 / 时间:13年前 (2012/11/15) / 分类:网站建设 / 阅读:1057 / 评论:0

相关阅读:


       最近在学习DIV-CSS,关于ID和Class之间的却别又有些混淆。

     1.在网页制作中,类可以分配给任何数量的元素,而ID只能在某个HTML文档中使用一次,ID类似于表单元素INPUT中的NAME属性,每个NAME属性的值应该是唯一的

     2.类前面以 . 开始,而ID前面以 # 开始。

     3.值得注意的是,实际上浏览器不一定会检查网页中ID的唯一性,我们可以在网页中对多个元素使用同一个ID,从而使同一个样式表现在多个元素上。显然这种做法是错误的,但常常又这么去做了,建议不要这要做!!

     4.ID对元素应用样式时比类具有更高的优先权!

刚入门的朋友可能会问,我什么时候使用id什么时候使用class,读完下文或许你就应该明白ID和class的区别。

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都能轻松实现特别效果,简单方便,希望对这方面不熟的人能有所启示。

相关阅读:


  • 我的QQ二维码
  • QQ群
  • 我的微信二维码
  • 微信公众号

没有评论,留下你的印记,证明你来过。


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。