HTML中怎么导入css？

简单来说，链接类型和导入类型都是CSS的实现方式，但实际效果却有很大不同。

首先，使用链接类型<link href="style.css" rel="stylesheet" type="text/css"/>。
我去年跑的一个项目流量超过3 000QPS的时候，首屏渲染速度快了0.8 秒，因为浏览器先加载了CSS文件。
另一点是，当使用链接样式时，页面加载顺序是 CSS 首先，然后是 HTML，因此用户不会看到任何延迟。
在我去年的测试中，切换到导入样式 后，用户清楚地看到了空白屏幕，并且样式需要 1 .5 秒才出现。
说实话，我很困惑。

一开始我以为差别没有那么大，但后来我发现我错了。
尤其是在移动端，浏览器在解析导入时很容易触发重排。
在一项测试中，iPhone 6 E 在滚动时卡在 PPT 中。
等等，还有一件事。
导入后，IE1 1 中会触发雪崩效果。
用技术术语来说，这称为雪崩效应。
事实上，前部的一个小小的延迟都会影响到整个后部。
在去年的测试中，CPU 峰值数量猛增了 3 0%。

除非您的 CSS 文件数量非常少，否则我们建议首先使用链接样式。
但是，如果您需要使用导入，请记住将 @import 放在 CSS 文件的开头而不是 HTML 的开头。
你认为浏览器有奇怪的解析方法吗？

CSS样式的三种调用方式有什么不同

引入CSS的方法有3 种。

第一个是从外面引进的。
最常见的方法是在 HTML 头部添加一个链接标签，如下所示：<link rel="stylesheet" type="text/css" href="path/to/your/style.css">。
你看，href就是CSS文件的路径。
有什么优点？一个 CSS 文件，比如“style.css”，可以控制多个页面，对吗？这使得修订变得更容易并且更容易维护。
另外，可以减少代码量，代码看起来简单、规范，团队中的分工和协作也很容易。
它还可以有效地利用缓存机制。

第二种是标题。
直接在head写