网奇CMS - 成熟易用的.NET网站管理系统
旧版官网 | 客服论坛 | 彩虹服务 | 加入收藏 | TEL:400-600-2788

CSS代码书写规则(一)

  
  1. 用组合元素重用样式


  用组合元素代替重新声明样式来尽可能的重用样式。如果你的h1和h2都用同样的字体大小、颜色和边距,用逗号组合他们。


  2. 验证


  请使用W3C的免费CSS验证。如果你遇到问题,你的布局不像你想要的那样工作,CSS验证器会在指出错误方面给你很大的帮助。


  3.标题、日期和签名


  让其他人知道谁写了你的CSS,什么时候写的,以及如果有问题可以联系谁。在设计模板或主题时这非常的有用。在初次开发和后期编辑时真的非常有帮助。这节约了你打开Photoshop从设计图里吸一个颜色,或者在这个网站的风格指南里查颜色。如果你需要那个特定的蓝色的HTML代码,只需要翻到注释处复制它就行了。


  4. 优化为轻量级的样式表


  遵照上面的技巧,你能真的减少样式表的体积。体积越小,加载越快,并且更易于维护更新。删掉那些不需要的,尽可能的用组合来合并样式。小心使用封装好的css框架,你很可能继承了一大堆不会用到的东西。另一个为css瘦身的快速技巧是:你不需要为0指定单位。如果一个margin设置为0,你不需要写0px或者0em。0就是0,不需考虑丈量单位,css能够明白。


  5.保持条理性


  像任何事情一样,让自己保持条理性是值得的。采用清晰的结构,而不是随心所欲地组织id和class。这会有助于你在心里记住CSS的级联性,并让你的样式表能够利用样式继承。首先声明最通用的item,接下来是稍微不那么通用的……依此类推。这让你的CSS能适当地继承属性,当需要的时候,重写一条特殊的样式会更容易。将来编辑CSS时也会更快,因为它遵循着一个易于阅读的逻辑结构。

0 顶一下 打印 阅读:
CSS教程中最有帮助的文章