早上好。使用CSS有三种不同的方法：第一种：通过嵌入头部的extern文件，如<link rel="stylesheet" href="layout.css">，第二种：直接在头部，如<style> body {background-color:green;} h1 {color:blue;} p {color:yellow;}</style>，第三种使用HTML元素中的样式属性，如{{ 1}}。
我的问题是：哪一个是浏览器最快的？
答案 0 :(得分：2)
三者之间的速度差异可以忽略不计，但外部工作表的<link>可能是最慢的，具体取决于到第一个字节的时间量（ttfb）。如果您有一个多页面应用程序，其中所有页面都使用相同的样式表，那么您的页面大小会随着外部样式表而下降，因为它将被下载一次，然后由于浏览器缓存而重复使用。这也是更改CSS的最便捷方式。此外，任何类型的CSS加载对于浏览器来说都是微不足道的，并且由于您正在使用的方法，您不会真正注意到减速。
答案 1 :(得分：2)
这取决于你的css和你的页面的一堆参数。我建议您阅读Google撰写的这篇文章Optimizing CSS delivery和this one。在大多数情况下，最快和最好的选择是使用<link>标记中指定的外部文件。但请记住，您需要将所有css文件连接成一个，因为每个文件都是通过网络到服务器的往返，它肯定会降低页面加载速度。
答案 2 :(得分：1)
使用外部CSS文件是可行的方法。不确定性能是好还是坏一样，但是你的代码会变得更干净，从一开始就学会做正确的事情，当代码较小但是如果你问我，正确的习惯是非常重要的。 如果您想了解有关优化CSS的更多信息，请阅读以下内容：Optimize CSS delivery
答案 3 :(得分：1)
内联可能是文档头部样式所遵循的最快方式。原因是你保存了这个css文件的1个请求（请求，连接，等待，接收）。
但是如果您有多个页面，外部文件可能会更快，因为它将由浏览器在第一页上缓存，并从该浏览器缓存中的其他页面加载。
在使用的情况下，外部文件是最好的解决方案，因为它更清洁。我甚至更喜欢单页。
答案 4 :(得分：1)
这取决于您的偏好。我更喜欢使用也是<link rel="stylesheet" href="layout.css">的外部样式表。如果您有多个HTML oages，它还可以使您的编码更清晰，更轻松，而无需复制和粘贴代码。
如果我需要从外部样式覆盖任何样式，或者我只是想要快速样式，我会保留内联样式。如果您将所有样式编码为内联，则会变得非常混乱。
答案 5 :(得分：1)
不要这样做:)
与使用CSS文件的性能提升量（通过其他因素）相比，这三者之间的速度实在太微不足道了。
其中一个因素是缓存。使用css文件可以完成缓存，从而减少每次请求时服务器的负载量。这在速度方面更重要，然后将其放入内联。
然后通过内联绘制特定元素来复制代码存在问题，您可以通过css将多个元素重新组合在一起。
还有更多关于上面发送的链接，所以，即使你是对的，第三个是最快的，还有其他因素，包括后，第一种方式最快。