我在每一页都有几行样式。我不想把它们放在一个 css 文件中,因为它可能会影响其他页面的样式。
我们真的需要将样式放在 css 文件中还是可以
<style>...</style>
在每一页上?
将样式放在一页中对速度有什么好处?它会加快页面的加载速度吗?
我在每一页都有几行样式。我不想把它们放在一个 css 文件中,因为它可能会影响其他页面的样式。
我们真的需要将样式放在 css 文件中还是可以
<style>...</style>
在每一页上?
将样式放在一页中对速度有什么好处?它会加快页面的加载速度吗?
基本上这是一个折衷的选择。就像 Marty Wallace 和 Marc B 所说的那样。
因此,速度方面是您选择的结果,因为它们都是有效的。只要记住这两个因素:
<style>
HTML 文件的部分中使用 CSS,它将在每次页面加载时加载。因此,本节中的 CSS 规则越多,文件越大,加载时间越长,速度越慢。<link>
是样式表,则每次加载页面时都会请求该文件。因此,或多或少暗示了与加载时间的相同关系,尽管它的绝对值可能有很大差异。此外,您应该记住,大多数浏览器都有缓存机制来优化 CSS 的使用。尝试阅读有关它的更多信息,以便您也可以利用它。
我的观点是混合方法可能是最好的选择。选择要应用于不同页面之间的公共元素的规则,并将它们放在链接的 CSS 文件中。然后,使用该<style>
标签为该页面上的元素设置特定的 CSS。这是我做这件事的我不关心它那么多的方式。
大多数时候,我发现 CSS 不会对性能产生太大影响 - 但当然,这很大程度上取决于您实际使用了多少CSS。