将 CSS 放入文档中的最佳和最快的方法是什么？ [复制]答案

【问题标题】：What is the best and fastest way to put CSS in the document? [duplicate]将 CSS 放入文档中的最佳和最快的方法是什么？ [复制]
【发布时间】：2020-03-03 15:19:39
【问题描述】：

类似：

<link rel="stylesheet" href="style.css"/>

或者像这样：

<style>
  /*code*/
</style>

考虑到两者都在文档中，性能有什么区别吗？

【问题讨论】：

一个需要额外的 HTTP 调用，另一个会使初始加载变慢。
一个可以拆分代码，另一个可以创建重复代码。
使用你的第一个例子，这就是你所说的外部样式表。它要好得多，如果您需要对链接了此链接的多个页面进行简单更改，那么您只需执行一次，而不是去每个页面进行相同的更改。

标签： css

【解决方案1】：

<link rel="stylesheet" href="style.css"/>

外部 CSS 链接是 HTML 文档中的最佳实践。为了在小页面中更快地加载，您可以使用内部 css

<style>
  /*code*/
</style>

内部 CSS 的加载速度比外部 CSS 快。问题是，如果我们使用大量的内部样式，那么 CSS 会比其他 HTML 元素运行得更快。所以避免这种情况.. 最好使用外部 CSS。

【讨论】：

【解决方案2】：

最好的方法是添加外部 CSS，因为您不必为每个页面都编写 CSS，只需更改一个文件即可更改整个网站的外观。它还将提高网站的效率。所以，我更喜欢通过使用链接来使用外部 CSS。

【讨论】：