手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css初学者:id和class的选择
css初学者:id和class的选择
摘要:css初学者在刚开始用div+css布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用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{。..},这样做显然不可取,不符合书写习惯。前面也介绍过良好的书写习惯,对写出规范的代码,和其他同事的合作,以至于后期的维护都是很有好处的。

【css初学者:id和class的选择】相关文章:

使用css3仿造window7的开始菜单

css实现文字过长显示省略号的方法

DIV+css初学者需要引起重视的10个问题与技巧

css3教程:弹性盒模型

css布局中的居中问题

css cursor 的可选值

添加css样式的三种方法

css控制div不能居中的解决办法

css实现文字的自动隐藏

css中的框架模

精品推荐
分类导航