是否内联CSS？ （我可以根据CSS大小做出决定）

Question

我有这样的CSS。

body{background-color:#eee;margin:0,padding:0,...}div{...}a{...}a:hover{...}

很好，包装很好。 它位于HTML页面中，如下所示：

<style>body{backgr...</style>

现在，让我们假设样式表不需要应用于其他页面（如果我正在编写单页应用程序，可能就是这种情况）

我应该将它放在外部文件中（以便可以缓存它），还是我只能在我的网页中内联它？

我可以根据CSS的大小做出决定吗？ （例如，如果200个字符或更少，那么内联;否则在css文件中）

Answer 1

不，不要使用inline-css，原因如下：

1. 可以缓存CSS，从而提高性能。
2. 如果你有大量的HTML标记页面，找到每个内联CSS规则并修复它，那将是一件令人头疼的问题。如果您使用内联样式，则会更难以修改网站外观。
3. HTML标记定义了网页的语义结构，其视觉方面必须单独处理。

在以下情况下使用inline-css：

1. 您必须定位单个元素的行为。
2. 您想要处理优先级（inline-css具有最高优先级）

如果你有一个大约200个字符的CSS，应用于一个页面，为什么不在文档中，即在样式标记内：

<style>
    /*200 char CSS here*/
</style>

Answer 2

不要内联，如果您想稍后更改网站外观，会让您的头部受伤。 CSS文件可以缓存，也可以缓存，如果需要，可以在生成环境的CSS文件中缩小CSS。

此外，对于较大的项目（实际上在每个项目上），最好将它保持分离，因为它会导致很多代码＆＃34;在一个文件中。

Answer 3

如果它确实是单页（非常确定），您可以使用内联。这减少了延迟