当我们可以在HTML代码中声明样式时，为什么需要CSS文件？

Question

就是这样。我一直听说过很多CSS文件 拥有CSS文件而不是直接在HTML代码中编写样式有哪些主要优点？

Answer 1

假设您的网站有10页

1. 你不必重复自己10次。

2. 如果您的样式发生变化，则无需在10个文件中进行更改

3. 您的HTML文件较小

4. 您的CSS文件可以缓存

5. 您可以在其他网站上重复使用样式表

Answer 2

我想通过以下方式添加JohnP的优秀答案：

1. 你可以分开你的缓存 在您的页面上（内容可能在哪里） 定期改变你的CSS（在哪里 它可能不会） - 网站更有可能 缓存CSS的时间比他们长 会是一个页面的内容， 将它分开将允许你 这样做
2. 你可以提供你的CSS 来自内容分发网络， 可能改善网站 表现
3. 你可以'缩小'你的     CSS作为构建过程的一部分     你正在开发的是     可读/详细，你是什么     交付是小/简洁，再次作为一个     提高绩效的方法
4. 一旦内容和演示文稿     分开了，你的用户会     受益于以上所有和     你将获得更快的页面加载。

Answer 3

请阅读Advantage of using external css.

上的这篇文章

Answer 4

有一些优点;

1）您可以在整个网站的不同页面中重复使用CSS。

2）当CSS位于单独的文件中时，下载是单独的，这样更快。

3）单独的CSS文件将被视为静态内容，并可能在本地缓存。再快一点。

我个人觉得CSS在自己的文件中更容易阅读和编辑。

Answer 5

JohnP的一些好答案。但是，对我来说最重要的原因是separation of presentation and content。

Answer 6

1. 由于您有一个应用更改的中心点，因此版本控制变得更加容易。 您网站的加载时间会提前，因为您只提供样式ONCE，而不是您提供的每个html页面。 此外，由于css可以在本地缓存，因此可以节省加载时间，因此如果没有更改，则首次加载后站点加载速度会更快。这也可能导致问题，请参阅第2点中针对这些问题的解决方案。 您还可以为不同的平台或不同的任务（如盲文或打印）使用不同的样式 看这里可用的类型： Media types

2. Internet Explorer存在严重的缓存问题，您可以提供版本号以保持缓存的css不按顺序，如果应用了更改，那么使用css文件没有任何缺点，但在管理方面具有巨大优势网站。 版本控制示例：

   <link rel="stylesheet" href="[path_to_css]/style.css?v=[date]" type="text/css">

因此使用css只有巨大的优势和缺点，所以这是最佳实践。