CSS 3种引入方式

1.1 内联样式

- 用style属性

<div style="color: #000"></div>

1.2 内部样式

- 用<style>标签

<style>
* {color: #eee}
</style>

1.3 外部样式

- （1）用<link>标签
- （2）在<style>标签中使用@import（不推荐）
- 不推荐原因：
- link标签内使用href引入css文件，浏览器会将其标记为css文件进行异步下载，并继续向下执行。
- 而@import引入css文件会待文件下载完后继续向下执行，若css包体过大会出现文档加载卡顿。

<!--（1）-->
<link rel="stylesheet" href="./css/index.css" />
<!--（2）-->
<style>
@import url(./css/index.css);
</style>