id与class的使用原则网页制作经验

网页制作 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

前面的文章里讨论过很多DIVCSS布局的技巧。在用CSS来控制网页布局时我们可能都会遇到一个问题：当定义一个属性时，是使用id，还是使用class？今天jb51.net再谈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是可以重复的并且是子级的。保持一个良好的代码书写习惯对于以后的代码维护会有很大的帮助，如果您有更好的建议，欢迎给我留言探讨。

id,class

标签：

id,class

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“id与class的使用原则网页制作经验”

暂无id与class的使用原则网页制作经验的评论...

id与class的使用原则网页制作经验

id,class

CSS expression判断表达式设置input样式

CSS 清除网页浮动经验

评论“id与class的使用原则网页制作经验”

更新日志

友情链接

id与class的使用原则 网页制作经验

id,class

CSS expression判断表达式设置input样式

CSS 清除网页浮动 经验

评论“id与class的使用原则 网页制作经验”

更新日志

友情链接

id与class的使用原则网页制作经验

CSS 清除网页浮动经验

评论“id与class的使用原则网页制作经验”