我正在寻找一个网站代码（我是新手）并且想知道我的CSS最好的做法是什么（我使用的是CSS3和HTML5）？
我希望在我的网站上获得最佳表现，并增加访问者的浏览体验/满意度。最初是一个系统管理员，我已经建立了一个运行Nginx + Google PageSpeed模块的网络服务器，它给了我非常好的metrix结果，但我想超越它。
所以我想知道：
我有6页，每页都有标题，正文，页脚等通用的“css基础”... 但每个页面都有自己的目的和“内容布局”：博客，文章，画廊......
因此，你认为我应该：
为每个页面创建一个不同的.css文件？ ＆GT;像index.css; page1.css
为每个屏幕尺寸创建不同的.css文件？
或者只是像大多数webdevs一样结合所有并缩小duncareaboutperfs.min.css？
先谢谢你帮助我！
答案 0 :(得分：1)
这是一个很好的问题，一个有很多答案的问题。根据我的经验，在大多数情况下，最好将css合并到一个文件中（单个下载缓存），让Nginx或Apache进行压缩。
缩小只会将css减少几个百分点，代价是可读代码。如果您在上线后不太可能修改CSS，或者如果您愿意对版本控制格外小心，那就去吧。
此外，根据您的描述，我强烈建议使用CSS框架，例如 Skeleton ... http://www.getskeleton.com ...其中包含所有正确的重置和＆＃34;响应布局＆＃34;使编码网站成为一种乐趣的技术。
答案 1 :(得分：0)
一点反馈， 我终于得到了一个关于如何处理CSS的更好的线索。 最佳做法是内联小型CSS并将其放在一个文件中以避免多个HTTP请求。
我写了一篇很好的文章，描述了如何检测所有CSS以及如何解析CSS。
如果您有兴趣，请看一下这个页面： http://www.appneta.com/blog/bootstrap-pagespeed/
谢谢大家