为什么使用css文档而不是样式标记？

Question

这似乎是一个基本问题。选择使用css文档而不是使用html文档中的样式标记更改样式的原因是什么？例如，是否不可能在html样式标记中更改ID和类？谢谢 - 这是我的第一个stackoverflow问题！

Answer 1

使用style标签在技术上没有任何问题，但大多数网页都有单独的样式表文件。

以下是使用单独样式表文件的一些原因：

1. 由于浏览器异步加载，页面加载速度可能会更快。
2. 从CSS样式中分离HTML标记。
3. 缓存。
4. 易于维护，因为所有CSS都在一个地方。

您可能还想查看LESS或SASS。

Answer 2

有几个好处

1. 复用性。外部站点表可以由多个文档使用，因此您不必为每个文档编写新的样式表。
2. 连贯。使用外部样式表，您可以确保文档至少具有相同的基本样式并且视觉上一致。嵌入式样式表往往偏离标准。
3. 性能。浏览器可以缓存外部样式表，这意味着每次客户端请求文档时都不必传输它。每次浏览器请求文档时都必须传输嵌入式样式表。
4. 可维护性。如果您有一组具有相同视觉外观的文档，并且必须进行更改（例如，更改企业标识），如果样式表是外部的，则必须仅在一个位置进行更改。使用嵌入式样式，您必须在每个文档中进行相同的更改。

Answer 3

查看此LINK

用我自己的话来说，使用CSS会使事情变得简单，因为在HTML中为每个标记添加样式基本上是不切实际的。因此，定义特定元素在页面上的显示方式，然后多次重复使用相同的样式可以节省大量时间

Answer 4

CSS文件可由浏览器缓存，HTML文档中的样式标记只会增加额外的文件大小开销，需要每次都下载。