每个页面有一个CSS文件或单个CSS文件?

JCH*_*E11 30 css stylesheet

当我构建页面时,我是想为每个页面设置单独的样式表还是为整个站点设置一个大样式表?出于加载目的,单个文件不是更好的做法,因为它会减少加载时的总css吗?

Ben*_*ard 47

使用单个文件,CSS文件被缓存,因此减少了为每个访问过的新页面下载新文件的需要.

为了提供帮助,我通常通过CSS清理器来减少CSS的文件大小,另外你也可以使用.htaccess GZip CSS,让它再次变小.

最后将所有CSS放在一个文件中将使系统范围内的更改变得更容易将来(我们首先使用CSS的完整原因),它也将使调试更容易.

编辑,2017年5月

7年多以来发生了很多变化,任何看过这个答案的人都应该考虑研究更新的资产交付方法,特别是现在使用HTTP2和预处理器更为常见.

  • 为了避免使用太多的唯一ID和类来实现包含所有网站样式的样式表,最好在每个页面的主体中添加一个类来指示它是哪个页面,即<body class ="productPage ">将使您能够在每个页面上使用相同的类和ID.例如,使用上述技术,您可以使用.productPage #contentArea为页面上的内容区域提供不同的样式,这样您就不必在页面的html中添加新的id #productPage_contentArea. (21认同)

Sha*_*mar 8

一个不同的建议,在开发过程中使用多个样式表,并有一个机制,将所有样式表合并为一个CSS文件进行生产部署.这可能需要一些额外的编码和一些额外的脚本在生产部署之前运行,但是对于开发使用和生产使用都是理想的.如果该过程适当自动化(这不是很难实现),这也不会导致任何类型的错误.