快速业务通道

写出更轻巧、更快并且更不会让你头疼的CSS

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-02

为什么我们的CSS变得一团糟——我们真的很容易陷入这样的困惑中。

有时这是一开始就马虎编程的结果,有时是由于后期多重的附加代码(hacks)和修改造成的。

无论是哪种原因,这都不是无法避免的。写出干净,超级可管理的CSS很简单,只要你走对了路,你的代码会更便于今后的维护和编辑。

写出更轻巧、更快并且更不会让你头疼的CSS,以下这10个技巧将会提高你这方面的能力。

1.保持条理性

像任何事情一样,让自己保持条理性(有组织)是值得的。采用清晰的结构,而不是随心所欲地组织id和class(别想到啥就写啥)。

这会有助于你在心里记住CSS的级联性,并让你的样式表能够利用样式继承。

首先声明最通用的item(id class或者是html element),接下来是稍微不那么通用的……依此类推。这让你的CSS能适当地继承属性,当需要的时候,重写一条特殊的样式会更容易。将来编辑CSS时也会更快,因为它遵循着一个易于阅读的逻辑结构。

用一个对你来说最好使的结构,同时在心里想着将来的编辑和其他开发人员。

  • 重置和重写
  • 链接和字体
  • 主布局
  • 二级布局结构
  • 表单元素
  • 其他杂项

    2.标题、日期和签名

    让其他人知道谁写了你的CSS,什么时候写的,以及如果有问题可以联系谁。在设计模板或主题时这非常的有用。

    稍等片刻…那些色标数字是咋回事?多年以来,我发现,简单列举出我的样式表里常用的颜色,在初次开发和后期编辑时真的非常有帮助。

    这节约了你打开Photoshop从设计图里吸一个颜色,或者在这个网站的风格指南(如果这个东东存在)里查颜色。如果你需要那个特定的蓝色的HTML代码,只需要翻到注释处复制它就行了。

    3.搞一个模板库

    一旦你选定了用一个结构,剥掉所有不通用的并把文件存成一个CSS模板,以便将来使用。

    你可以为多种用途保存多个版本:两栏布局、博客布局、打印、移动等等……Coda(OSX的编辑器)有一个优秀的Clips特性能让你很简单的做到这些。很多其他的编辑器也有类似的特性,不过甚至是一批简单的文本文件也能很好地工作。

    每次都从头开始重写每一个样式表是很疯狂的,特别是每个都是采用一样的约定和方法。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号