CSS注释、命名、继承性、样式排序等CSS技巧的小结

日期：2007年9月24日作者：查看:[大字体中字体小字体]

一、关于注释

　　在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/* 注释内容 */”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的CSS中去掉注释以提高文件传输效率。

二、关于命名

　　在给CSS文件命名的时候，我比较喜欢使用符合语义的英文名或者缩写命名，在非常用部分也许会用部分拼音命名。另外，在某些有从属关系的class里，我可能会使用类似“list_banner”之类的命名，即父元素名加上“_”再加上元素名。
　　关于命名，可以根据团队设计师的习惯进行协商。但最好在命名之后加上注释，以便将来生成文档备查。

三、关于继承性

　　在CSS中，要善用继承性。比如在两个嵌套的div中，父元素定义了background-color属性为黑色，如果子元素的背景同为黑色，则不需重复定义。善于利用CSS的继承性可以让代码更有效、更精简。

四、关于CSS定义的层次

　　在定义CSS中的class时，建议使用层次分明的方式来描述语句。
　　示例结构：

<div id="menu">
  <div class="menulist">
    <div class="selectit"></div>
  </div>
</div>
　　示例CSS：

#menu { ... }
#menu .menulist { ... }
#menu .menulist .selectit { ... }
　　在上例中，从最终效果来看，#menu没有必要重复出现，但是实际上如果能够在前面加上#menu，将会让文档的层次更加明了，更利于阅读。

五、关于样式排序

　　在设计CSS样式表时，我们大多是手写代码，这样很容易造成class中的样式排序混乱。比如有几个class中用到了padding、margin、background、color等样式，但是排序的时候，有的class是background比较靠前，有的是margin比较靠前。这样就造成了一定的混乱，容易让思路受挫。我建议个人或者团队的设计师协定一个大致顺序，这样从个别来说看不出太大差别，但从整体上将更加易于阅读和管理，整体效率会提高不少。

　　比如，我默认将width、height和padding、margin、border等放在较靠前的位置，background其次，然后是控制文本的font、color、text-align等，接着是某些特殊标签才能用到的元素，像list-style等，最后是css滤镜。当遇到特殊情况时（比如CSS某些属性的优先级需要定义）可以灵活处理。
（出处：急速软件下载学院）
CSS注释、命名、继承性、样式排序等CSS技巧的小结相关文章：
·AutoCAD滚珠轴承建模全过程
·微软承诺：WGA不会再惹麻烦
·AutoCAD教程：建模之机械轴承
·CSS注释、命名、继承性、样式排序等CSS技巧的小结
·分析：API设计的“不可承受之轻”
·专业的SEO，为什么不承诺排名
·夏新工业设计中心设计主管沈丕承谈设计职场
·43%被调查人员承认从网上下载盗版歌曲
·在Java编程中的继承多数是有害的？原因
·Java中的方法和变量在继承时的覆盖问题
CSS注释、命名、继承性、样式排序等CSS技巧的小结相关软件
·《异魂传承》07E3展会上公布的高清视频
·《光之继承者》中文版试玩动作RPG游戏
·《战国传承3》模拟器动作类街机
·洪承畴长沙幕府与西南战局
·《MBA线性代数复习提纲》_尤承业_下
·《MBA线性代数复习提纲》_尤承业_中
·《MBA线性代数复习提纲》_尤承业_上
·2006年考研数学基础班·线性代数尤承业 10
·2006年考研数学强化班·线性代数尤承业 20
·2006年考研数学强化班·线性代数尤承业 01

上一篇:ASP技巧：使用FSO自动创建多级文件夹的函数

下一篇:XHTML代码头部Doctype文档类型声明必不可少！

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

CSS注释、命名、继承性、样式排序等CSS技巧的小结

精品推荐

热点TOP10

特别推荐