CSS：快速提升设计可读性和维护性

设计漂亮的样式表是一门艺术

设计漂亮的样式表不是一门暗黑艺术（如果用艺术家的眼光来看待这门艺术的话，那更多表现的是种对幸福的生活渴望和完美人生的追求。 PS： 这是译者找到的最靠谱的解释。）。 它需要持久的练习和全身心的投入， 但是， 有一些小窍门来帮你快速提升， 让你也成为一个CSS高手。

再接下来的文章里，我会演示一些自己在设计可读性强， 维护性强， 并容易调试的样式表时用到的技术。

文件的命名惯例

在所有的项目中我都遵循一种简单的命名习惯。 这是一种简单而有效的办法来维护CSS文件。 有很多设计师会给样式表起一些模糊的名字， 比如main.css， 或者style.css. 我觉得文件名可以更细致一点， 这样的话， 你可以很快的知道每个文件是做什么的。

这是我的一个客户的网站文件结构。

CSS 命名惯例

style_all.css

包含重置和一些适用于各个浏览器和操作系统的CSS代码。 而且最好把那些用内容管理系统中所见即所得编辑器生成的内容的样式放在这个文件里， 比如链接的颜色和元素的样式等等。

style_screen.css

这是包含整体样式的主文件。 一会儿我们会深入了解它。

style_screen_IE7.css

特别为IE7准备的样式表。 我做过的大多数项目不需要特别准备一个IE7的样式表， 这里只是让大家更加理解我所说的命名惯例。

style_screen_It-IE7.css

这是兼容所有IE7以下版本浏览器的样式表。