CSS初学者在刚开始用DIV+CSS布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用ID,还是使用Class?在这我谈下自己在工作中对ID和Class的使用原则。希望对初学者有所帮助。
ID的使用原则
我们知道ID具有唯一性,也就是说在整个Xhtml中ID是不能重复的,所以我们在写网页的时候,大的结构用ID,比如:logo、导航、主体内容、版权等,根据命名规范分别命名为#logo、#nav、#contenter、#copyright。还有一种情况就是:我们要通过js作用一个层,以实现某种效果的时候,用ID。这也是由ID的唯一性决定的。
Class的使用原则
Class在CSS定义中具有普遍性,可以无限次的重复使用,这也体现了DIV+CSS布局的优越性。Class常用于结构内部,这样做的好处是有利于网站代码的后期维护与修改,这样会让所有的Class成为ID的子级或者孙级。
另外需要注意一点的是尽量不要让Class包含ID,比如.ff #childer{…},这样做显然不可取,不符合书写习惯。前面也介绍过良好的书写习惯,对写出规范的代码,和其他同事的合作,以至于后期的维护都是很有好处的。



