在css文件中放置或不放置样式？答案

【问题标题】：To put or not to put styles in css file?在css文件中放置或不放置样式？
【发布时间】：2013-06-12 16:33:15
【问题描述】：

我在每一页都有几行样式。我不想把它们放在一个 css 文件中，因为它可能会影响其他页面的样式。

我们真的需要将样式放在 css 文件中还是可以有

<style>...</style>

在每一页上？

将样式放在一页中对速度有什么好处？它会加快页面的加载速度吗？

【问题讨论】：

标签： css

【解决方案1】：

基本上这是一个折衷的选择。就像 Marty Wallace 和 Marc B 所说的那样。

因此，速度方面是您选择的结果，因为它们都是有效的。请记住以下两个因素：

如果您选择使用 HTML 文件的 <style> 部分中的 CSS，它将在每次页面加载时加载。因此，本节中的 CSS 规则越多，文件越大，加载时间越长，速度越慢。
如果您<link> 样式表，则每次加载页面时都会请求该文件。因此，与加载时间的关系大致相同，尽管绝对值可能有很大差异。

另外，您应该记住，大多数浏览器都有缓存机制来优化 CSS 的使用。尝试read more about it，这样你也可以利用它。

我认为混合方法可能是最好的选择。选择要应用于不同页面之间的公共元素的规则，并将它们放在链接的 CSS 文件中。然后，使用<style> 标签为该页面上的元素设置特定的 CSS。这是我的我不关心它那么多的方式。

大多数时候，我发现 CSS 不会对性能产生太大影响 - 但当然，它在很大程度上取决于您实际使用了多少 CSS。

【讨论】：