Question

关于样式表的问题！每个页面单独调用自己的样式表好，还是说把所有的样式写在一个样式表文件里好？

比如B2C类型的网站，
首页、商品列表页、商品详细内容页面、会员注册页面等，
是都调用一个样式表好？
还是说每个单独写个样式表好？
其实2中方式我都用过，
只不过找不到人块儿探讨一下那种更加科学！~
或者还有没有其他方式！~
回复： leeo_沐
是的，我有个主样式表的，所有公用的重复出现几率高的样式都放在那里了！比如：main.css 这个所有页面都会调用！
然后在给每个页面单独写一个样式！我之前把一个网站的样式都写在一个样式表里，造成仅样式表一个单独的文件都上了2-300K了。呵呵！~

Answer 1

问题1，很显然是不合理的，增加一个属性可以，改变就不行。如果硬要这样做，可以采取细一点的方式，例如为a定义一个样式： .apage a 和 .bpage a 在A页面是<div class="apage"><a ...>...</a></div> 而在B页面 则是 <div class="bpage"><a ...>...</a></div>

问题2，尽量将所有的样式表都放在一个单独的CSS文件里，网站所有的页面都调用这一个文件。要明白，CSS、HTML 都不是运行程序，而只是代码，效率和文件的大小有很直接的关系，如果10个页面10个CSS，明显的没有达到这样的目的。

浏览器打开一个页面时，同时也下载了CSS到IE的临时文件夹中（除非CSS不是一个单独的文件），再打开其他页面，如果引用的是同一个CSS，就不会再进行下载。显而易见，下载10个文件要比下载1个文件效率低得多，即使这1个文件比10文件加起来还大。

回复楼下的看法：一个网站的所有页面不可能有非常多的区别，况且CSS是在客户端执行，完全不涉及到服务端，况且浏览器是先看样式名，再根据样式名去查找相符合的样式。不是把所有的样式都遍历一次，你所说的打开页面慢、CUP频率高貌似不大可能出现。即使有，那也不是因为样式表很大的缘故，即使是因为样式表非常大，这样的影响也小到可以忽略，即使明显，也只是在客户端，和客户机有较大关系，对服务端不会造成任何压力。

如果你很不喜欢这样的方式，至少可以把布局大致相同的页面引用某一个CSS，完全不相同的引用另一个CSS。但是一个页面一个CSS，绝对更不可取。

Answer 2

主要的用一个总的css调用,其他的可以再附加css样式上去,这样子比较科学点吧,因为如果只是用一个单独写的话,估计css的样式也很多很杂,很不科学,如果每个都调用,估计也有不少的重复代码~
O(∩_∩)O~

Answer 3

页面单独调用自己的样式表好
要不会影响页面加载速度的
页面加载的时候回去加载样式表和脚本，放在一起会很大的