CSS布局教程

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

« ie断头台问题表单设计的其他建议 »

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。因此在设及class以及编写CSS样式的时候使用统一的规范来编写自己的样式。天津网站建设天津网站制作
    CSS虽然算不上是一种程序语言,但是程序语言的命名方式却非常有助于CSS的使用,良好的命名习惯对于一个Web标准网站的开发来说事半功倍,这里我们将借助于软件开发中常用到的一些命名习惯,结合CSS的实际应用整理出一些较好的命名习惯供参考使用,对于网站中的各部分的命名,应当使用较贴近其实际用义的单词进行命名,如对于网站中的导航条,可以使用nav来作为id名称。网站是对运营商而言的一个业务综合体,网站上除了基本元素,其他地方几乎都是由网站自身的内容及业务构成,如新闻列表可以使用newslist,下载列表可以使用downloadlist这样的贴进内容本身的命名方式。CSS中也有大部分代码用于样式本身的定义,我们也可以结合样式本身的内容进行命名,如色彩样式可以使用颜色名称red及blue等,对于一个虚线框样式,可以使用如dashbox这样的组合词进行命名。天津网站优化天津做网站
    如果使用复合词对网站中的元素进行命名,我们可以使用大小写帮助进行命名的优化与记忆,如:newslist可以使用大小写进行改进为NewsList,搜索框searchbox以优化为SearchBox~:通过大小写字母能够帮助我们增加复合单词的可读性。站的设计往往根据网站本身的内窒不同而复杂多变,除了具有良好的大小写及单词命名习惯之外,我们有必要根据网站本身的的业务特点及样式特点创造具有自己风格的命名方式,最常用的就是根据样式及业务类型来建立命名方式,该方式源于软件开发中变蔓量的命名方式。天津网站建设公司天津网站制作公司

  • 相关文章:

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

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