组织/管理CSS的最佳方式

时间:2013-05-23 22:37:54

标签: html css

我正在开展一个大项目,并且整个过程中都使用了一个CSS文件。我现在发现这变得无法管理和无组织(到目前为止已有近2000行)。

我已经阅读了关于拆分CSS的不同技术,这是我到目前为止所发现的:

1)将CSS拆分为单独的文件,并使用LINK标记引用它们。这样做的缺点是增加了服务器请求的数量。

2)将CSS拆分为单独的文件,并使用@import语句引用它们。同样,缺点是增加了服务器请求。

3)使用CSS解析器(如LESS),这样可以将CSS拆分为单独的文件,而不会导致其他服务器请求。然而,使用它的主要缺点(对我来说)是团队中的所有开发人员都需要学习一种新的CSS样式方法/风格。另外我发现在使用LESS时我没有在FireBug中获取行号。

那么有哪些替代选择呢?理想情况下,我只想将CSS拆分为单独的文件(至少有10个),并且可以在不影响性能的情况下引用它们。

1 个答案:

答案 0 :(得分:1)

我喜欢使用页面特定样式表支持的全局样式表,以便于管理。

你是对的,一旦它达到2000多行就很难管理,而且我也发现以后当你想要进行更改并且你的500页大网站只有一个时很难控制样式表,所以你忘记的事情可能会在一些被隐藏的页面上发生变化。

我认为额外的服务器请求对于这些好处并不是那么重要。

我不会仅仅因为学习曲线而使用CSS解析器,因为当额外的样式表看起来效果很好时,我并不认为这是值得的。