怎样引入外部css样式表

说白了，引入外部CSS样式表主要有两种方式：一是使用<link>标签，二是使用@import规则。
其实很简单。
我们先来说说最重要的事情。
<link>标签是一个HTML标签，主要用于链接外部CSS文件，而@import是一个CSS规则，用于导入外部样式表。

去年我们做的项目，团队选择了“link>标签，因为这样可以在加载页面的时候同步加载CSS文件，不影响渲染速度，而且所有浏览器都支持，所以不存在兼容性问题。
很多人没有注意到这一点，但是<link>标签的样式优先级比@import引入的样式要高。

一开始以为@import很方便，后来发现不对，它是在之后才加载CSS文件。
页面加载，会导致暂时的样式丢失，存在兼容性风险等等，还有一个关键的细节，@import 的样式优先级要低于“link>”引入的样式，考虑到性能和兼容性；@import 仅用于特定需求，路径选择建议根据开发阶段和部署环境灵活调整。

如何通过link标签引入css外部样式

只需使用 <link> 标记添加到 <head> 即可。
rel="stylesheet" 告诉浏览器这是一个样式表。
href 填充 CSS 文件路径。

有两种方法。
一种是相对路径，如 css/style.css。
另一种是完美路径，例如 https://example.com/css/style.css。

记住两点。
路由必须区分大小写。
文件名必须具有 .css 扩展名。

元素按顺序添加，后面的元素覆盖前面的元素。
使用浏览器直接访问CSS路径，查看是否有4 04 错误。
上周做一个项目，由于路径问题出现了问题。
你自己看看吧。