CSS布局教程

基于web标准的网站设计指南

« 使用div强制剪切图片使用label标签提升表单可用性 »

CSS选择符的命名

CSS的id与class选择符为设计提供了便利,但也会使得CSS样式变得多和复杂,如伺管理这些CSS样式便是摆在我们面前的一个问题,然而软件开发的经验为我们提供了一个可学习模仿的例子,软件开发中对于过程/函数/变量的命名经过多年的实践与研究已经有了一套自己的方法,借助于这些方法,我们可以根据CSS的特性设计自己的样式命名规则,帮助我们更好的编写样式,在了解CSS选择符命名之前,我们先简要了解一下CSS对于命名的基础使用规则。
大小写敏感,值得注意的是,XHTML不区分大小写,允许使用大写或小写或任意组合进行编码,CSS的样式属性也是如此,我们可以使用大小写的CSS样式属性,css对于对象选择符如body、td、div也是不分区大小写。但是CSS对于id及class选择符名称是区分大小写的。对于id及class选择符来说class=”CONTENT”不等于同CSS中的.content或.Content。因此在标识id及class以及编写CSS样式的时候使用统一的规范来编写自己的样式。
命名建议,CSS虽然算不上是一种程序语言,但是程序语言的命名方式却非常有助于CSS的使用,良好的命名习惯对于一个Web标准网站的开发来说事半功倍,这里我们将借助于软件开发中常用到的一些命名习惯,结合CSS的实际应用整理出一些较好的命名习惯供参考使用。
使用具有语义的命名,天津网站建设,对于网站中的各部分的命名,应当使用较贴近其实际用义的单词进行命名,如对于网站导航条,可以使用来作为id名称;对于网站地图,可以使用sitem叩作为该区域的id名称。
网站是对运营商而言的一个业务综合体,天津网站制作,网站上除了基本元素,其他地方几乎都是由网站自身的内容及业务构成,如新闻列表可以使用newslist,下载列表可以使用downloadlist这样的贴进内容本身的命名方式。CSS中也有大部分代码用于样式本身的定义,我们也可以结合样式本身的内容进行命名,如色彩样式可以使用颜色名称red及blue等,对于一个虚线框样式,可以使用如lashbox这样的组合词进行命名。
使用大小写帮助命名,如果使用复合词对网站中的元素进行命名,我们可以使用大小写帮助进行命名的优化与记忆,如:newslist可以使用大小写进行改进为NewsList搜索框searchbox可以优化为SearchBox;通过大小写字母能够帮助我们增加复合单词的可读性。
使用下划线及连接线帮助命名
如果大小写命名仍然不能满足对于代码可读性的需要,可以结合CSS所支持的下划线连接线来帮助命名,如上例中的newslist.可以使用neWS-list;searchbox也可以优化为searchbox或search-box的形式。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号