-
-7 22
-
现在很少几乎没有用table做网页的了,都是用的div+css,因为用div+css布局的网站打开速度快,而且也有助于网站的优化。而对于很多初学者来说,往往不知道什么情况下该用id什么情况下该用class!下面将讲解怎么选择id和class
css初学者在刚开始用div+css布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用id,还是使用class?在这我谈下自己在工作中对id和class的使用原则。希望对初学者有所帮助。
[b]id的使用原则[/b]
我们知道id具有唯一性,也就是说在整个xhtml中id是不能重复的,所以我们在写网页的时候,大的结构用id,比如:logo、导航、主体内容、版权等,根据命名规范分别命名为#logo、#nav、#contenter、#copyright。还有一种情况就是:我们要通过js作用一个层,以实现某种效果的时候,用id。这也是由id的唯一性决定的。
[b]class的使用原则[/b]
class在css定义中具有普遍性,可以无限次的重复使用,这也体现了div+css布局的优越性。class常用于结构内部,这样做的好处是有利于网站代码的后期维护与修改,这样会让所有的class成为id的子级或者孙级。
另外需要注意一点的是尽量不要让class包含id,比如.ff #childer{。..},这样做显然不可取,不符合书写习惯。前面也介绍过良好的书写习惯,对写出规范的代码,和其他同事的合作,以至于后期的维护都是很有好处的。
本文来源于php爱好者:php教程 —http://www.phplover.cn/
原文地址:http://www.phplover.cn/post/css-id-class.html
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
- 评论(0)
发表评论 TrackBack