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

我有一个像这样的css

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

它很好，而且很拥挤。 它位于HTML页面中，如下所示：

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

body{backgr。。。

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

我应该把它放在外部文件中（以便可以缓存），还是将它直接内联到我的网页中

---

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

如果是单个页面，则可以确定（确实确定）使用内联。这会减少延迟不，请勿使用内联CSS，原因如下：

CSS可以缓存，从而获得更好的性能

当你有大量的HTML标记页面时，找到每一条内联CSS规则并修复它将是一件令人头疼的事情。如果你有内联样式，那么修改网站外观将变得更加困难

HTML标记定义了网页的语义结构，其视觉方面必须单独处理

在以下情况下使用内联css：

您必须针对单个元素的行为

您需要处理优先级（内联css具有最高优先级）

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

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

/*这里有200个字符的CSS*/

不要内联，当您以后想要更改网站外观时，它会让您头疼。CSS文件可以并且将被缓存，如果您愿意，您可以缩小CSS文件中的CSS以适应您的生产环境

---

此外，在较大的项目上（实际上在每个项目上），最好将其分开，因为这样会产生大量的“代码”在一个文件中。

永远不要使用内联。如果你只有一个单独的页面，那么尝试添加新的附加css文件。在一个单独的页面应用程序中，理论上你可以有一个为你打包和复制的构建过程，所以你在开发过程中没有单独文件的缺点。但是，是的，尝试更改结果文件中的某些内容这将和调试缩小的JavaScript一样有趣。；）但我想提出我的意见：我宁愿将背景图像嵌入CSS和精灵图像，也不愿将CSS嵌入-这只是又一个请求。@Ulrichswarz关于背景图像等的观点很好……谢谢，问题不在于我是否可以使用内联……更多什么时候使用它，什么时候不使用…@Gauragan Tandon文档中有我的查询，我将对其进行编辑以使其更有效obvious@Zo72我认为您不需要使用外部CSS文件，也不需要使用内联样式非常理想。只有当CSS代码对于

标记来说太大时，才使用外部CSS文件，如eric meyer的重置。css@GauraganTandon。谢谢。你明白我的意思了。所以我问的问题是什么时候“太大了”？200个字符，1000个字符？@Zo72当你的CSS足够大，不能完全放在一个屏幕快照中时，它太大了。（其中屏幕大小正常）@Zo72，字体大小正常。