DIV+CSS中id和class的使用原则
2013-04-25 20:43
351 查看
本文向大家描述一下DIV CSS中id与class使用原则,在前面的文章里讨论过很多DIV CSS布局的技巧,我们在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?这里和大家说明一下,相信本文介绍一定会让你有所收获。
DIV CSS中id与class使用原则
在51cto.com前面的文章里讨论过很多DIV CSS布局的技巧。在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?今天51cto.com再谈id与class的使用原则,把自己平时做站时的经验给大家简要讲述一下,希望能够对您有所帮助。
id的使用原则
先来说说id,id具有唯一性,其使用原则也是依据这一特性建立的。id是不能重复的,所以在XHTML的结构中,大结构一定是用id。比如标志、导航、主体内容、版权。这些根据制定的规范命名为#logo,#nav,#content,#copyright等等,本着其唯一性的原则园子建议定义id尽量在外围使用。
class的使用原则
class在CSS的定义中具有普遍性。说白一点就是class具有可重复无限制的使用多次,园子建议大家尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,这样的做法就会让所有的class都成为id的子级或是孙级。在我们写CSS的时候可以写成这样#father.child{…},另外需要注意的是尽量不要让class包含id,比如.father#child{…}如果写成这样很显然就非常不可取。当然这也只是相对于良好书写习惯的一些建议,仅供大家参考。
总结
综上所述,归总起来一句话:id是唯一的并且是父级的,class是可以重复的并且是子级的。保持一个良好的代码书写习惯对于以后的代码维护会有很大的帮助,如果您有更好的建议,欢迎给我留言探讨。
DIV CSS中id与class使用原则
在51cto.com前面的文章里讨论过很多DIV CSS布局的技巧。在用CSS来控制网页布局时我们可能都会遇到一个问题:当定义一个属性时,是使用id,还是使用class?今天51cto.com再谈id与class的使用原则,把自己平时做站时的经验给大家简要讲述一下,希望能够对您有所帮助。
id的使用原则
先来说说id,id具有唯一性,其使用原则也是依据这一特性建立的。id是不能重复的,所以在XHTML的结构中,大结构一定是用id。比如标志、导航、主体内容、版权。这些根据制定的规范命名为#logo,#nav,#content,#copyright等等,本着其唯一性的原则园子建议定义id尽量在外围使用。
class的使用原则
class在CSS的定义中具有普遍性。说白一点就是class具有可重复无限制的使用多次,园子建议大家尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,这样的做法就会让所有的class都成为id的子级或是孙级。在我们写CSS的时候可以写成这样#father.child{…},另外需要注意的是尽量不要让class包含id,比如.father#child{…}如果写成这样很显然就非常不可取。当然这也只是相对于良好书写习惯的一些建议,仅供大家参考。
总结
综上所述,归总起来一句话:id是唯一的并且是父级的,class是可以重复的并且是子级的。保持一个良好的代码书写习惯对于以后的代码维护会有很大的帮助,如果您有更好的建议,欢迎给我留言探讨。
相关文章推荐
- 网页设计div+css之id与class使用原则
- div+css样式表中ID与CLASS的使用技巧
- css中SPAN和DIV,Class与ID的区别汇总
- div+css样式表的id和class常用命名规则
- div+css样式表的id,class的常用命名规则
- div+css中Class与ID的区别
- div+css中Class与ID的区别
- DIV+CSS网页制作中CLASS和ID的区别
- CSS学习(3)--class和id、span和div
- 当我们在使用CSS的时候ID与Class有何不同?
- css中使用id和class 的不同
- DIV布局如何正确的使用 id 和 class
- CSS学习笔记-附加篇(div中class与id的区别及应用)
- css中 id和class区别与使用
- DIV+CSS中ID和CLASS
- 【猪猪-前端】收集了30个div+css后台模板,方便大家日常开发使用,简洁易用一贯原则。
- css中id和class的定义格式、使用技巧及选择
- css中使用id和class 的不同
- div+css中id和class的区别运用详解
- DIV+CSS中的class与id区别及用法