html 引入css 方式,HTML 中 CSS 四种引入方式，小白必看！

CSS 四种引入方式超简单！

1.行内式

写你想写的字

`

直接在标签里面添加 style 样式，就可以改变标签的样式。

2.嵌入式

h1{

color:red;

}

注意：< style > < /style> 要写在 < head > 和< /head >之间！ h1 后面的大括号不能省略！

3.外部式

首先需要新建一个 CSS的文件，就是后缀名是 .css 的文件， 新建你总该会的吧，亲~ 在里面写 h1{ color:purple} 设置 h1 的字体颜色是紫色。

这里的路径要特别注意一下，不要写错的昂~ 绝对路径相对路径自己去了解一下好嘛 (´▽｀)

< link > 要写在 < head > 和< /head >之间，当然写外面也行，不过这样有点破坏规则哎。。。

stylesheet" type=“text/css” 是引用样式的意思，抄上去，不要乱改！你会改也行ヽ(ﾟ▽ﾟ)ノ

4.导入式

@import url (CSS的路径)

< style > < /style> 要写在 < head > 和< /head >之间！

这四种方式说法不一样，什么内链式啊，内部样式，外链式，五花八门的，总之你记住我说的就对了，简单~~~

优先级：

行内式 > 嵌入式 > 外部式 > 导入式

如何选择上述的四种方式，为什么不推荐导入式？？？

①问题一：如何选择？

一般的使用第三种方式，需要增加的样式很少推荐第二种，对优先级有要求且增加样式少可选择第一种，看个人喜欢啦！！!

②问题二：为什么不推荐导入式？

局限性：@import 只能用于加载 CSS，必须 IE 5 以上的才可以识别

加载顺序：@import 引用的 CSS 等到页面所有的内容加载结束再被加载

不确定性：网络卡顿，会导致一些加载问题，例如闪烁，不显示样式等

速度慢：使用@import方式 会增加http 请求，影响加载速度，慎用

未经允许，禁止转载，都是我一个一个敲得，原创好嘛，感谢支持，谢谢！