Question

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

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

<style>...</style>

每页？

将样式放在一个页面的速度有什么好处？它是否加快了页面的加载速度？

Answer 1

基本上它是一个妥协的选择。就像Marty Wallace和Marc B所说的那样。

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

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

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

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

大多数时候，我发现CSS不会对性能产生太大影响 - 但当然，很多取决于你实际使用的很多 CSS。