输写CSS样式规范之道

CSS
Menu Generator 网页菜单制作V4.0 css免费菜单制作小工具， 才2.5M大小，英文界面，简单易用，如果你不懂英文就不要下载了！

一、组织好自己的css代码，让它易读，易维护，易扩展。

二、要保持你的css有规则，有组织性。最好把你的选择符进行归类。

三、然后，在每一个组里面，通过dom层组织选择符。

四、其次在这里面，根据元素的类型工作：

五、最后，把css的声明也按上述进行归类。

　　有些人喜欢按照字母顺序来组织。这对我没有任何用处，但是可能会对你有帮助。不管你选择什么样的方法，一定要坚持下去。

创建一个架构（小编认为，框架之说可以了解一下，不要花太多时间，不要被架构这个词给吓住了）

　　当你开始创建css样式表的时候，如果你发现你总是不断重复做同一件事情，那就考虑建一个库或者框架结构吧。一个框架就像是网站骨架一样，而且这回节省你建立网站的时间。你可能会在你的框架中发现以下比较典型的样式表：

　　构建框架其中一个范例就是雅虎的用户界面库。很多开发者都感到这个预建立的框架包含臃肿的标记和css，而且也包含着直接的类名称。

确保样式表的可读性和优化性（代码量最少化）之间的平衡。

　　有的开发者首先创建能够具有可读性的样式表风格，然后在文档还没有完全建好的同时就进行优化。如果你不知道在什么情况下去做这些事，就尝试去找一种可以平衡样式表可读性跟优化性的一种风格。

掌握一种功能强大的文本编辑器。

　　对于一个设计者或者开发者去熟悉他们需要的工具，非常重要，工具的熟练会让你的工作效率成倍增大。

　　这有很多文字编辑器可供挑选：TextMate, Coda, BB Edit, TextPad, DreamWeaver,我在这里不是要告诉你要采用哪一种；他们各有利弊，一个好的编辑者会选择适合自己的。然而，一旦你决定使用一种文字编辑器，就要去学习关于这个编辑器的所有知识。找到捷径，然后学习所有的你能学到的技巧和窍门。

使用版本控制（团队开发，显得尤其重要）

　　顺畅的可维护性也是创建精美样式表很重要的一部分。这就是为什么版本控制也会成为你的左臂右膀。这不仅对团队很有帮助，而且也是单独设计师或者开发者的救生员。

　　有些应用软件是内置软件，所以在资源方面就被控制了。DreamWeaver用的是一种check-in/check-out同步进行的系统（这可以帮助一个开发者在确定已经正确编辑中没有编辑一个文档）。这虽然很便利，但是在某些地方是被限制的。

　　Subversion (SVN) 或者CVS是一个不错的工具，svn用的较多一些，他用来管理包括添加选择权，回复，察看修改（这对团队很有帮助---你可以查到谁添加，编辑，或修改了密码，什么时间做的）和解决冲突。

创造和保持一种风格规范.

　　在一些情况下，一种风格规范是一个作者关于语法规则和写作的标准。他也可以用来作为设计，发展和内容的大纲标准。一种风格规范是一本可以很好地阐明排版，表格，色彩，图片大小等的参考手册。

　　当你创建了一种风格规范，它会在标记和css上起到有效的作用。这种参考可以作为手册用在发展团队和将来的开发人员。它可以包括界定的布局，其中你可以列出不同的版面设计，并提供相关的标记和风格。

最后，你也为其他的开发者留下了规范的步骤（比如如核对验证和无障碍环境），来确保更高的质量。

文章来源：http://www.7old.com/jiaocheng/show-1245.html