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

CSS 四种引入方式超简单！

1.行内式

<h1 style="color:hotpink;">写你想写的字<h1>`

在这里插入图片描述
直接在标签里面添加 style 样式，就可以改变标签的样式。

2.嵌入式

<head>
	<style>
	h1{
	color:red;
	}
	</style>
</head>

在这里插入图片描述
注意：< style > < /style> 要写在 < head > 和< /head >之间！ h1 后面的大括号不能省略！

3.外部式

<link href="填CSS的路径" rel="stylesheet" type="text/css" />

在这里插入图片描述
首先需要新建一个 CSS的文件，就是后缀名是 .css 的文件，新建你总该会的吧，亲~ 在里面写 h1{ color:purple} 设置 h1 的字体颜色是紫色。
这里的路径要特别注意一下，不要写错的昂~ 绝对路径相对路径自己去了解一下好嘛 ♪(´▽｀)
< link > 要写在 < head > 和< /head >之间，当然写外面也行，不过这样有点破坏规则哎。。。
stylesheet" type=“text/css” 是引用样式的意思，抄上去，不要乱改！你会改也行ヽ(✿ﾟ▽ﾟ)ノ

4.导入式

<head>
	<style>
		@import url (CSS的路径)
	</style>
<head>

在这里插入图片描述
< style > < /style> 要写在 < head > 和< /head >之间！

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

优先级：

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

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

①问题一：如何选择？

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

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

局限性：@import 只能用于加载 CSS，必须 IE 5 以上的才可以识别
加载顺序：@import 引用的 CSS 等到页面所有的内容加载结束再被加载
不确定性：网络卡顿，会导致一些加载问题，例如闪烁，不显示样式等
速度慢：使用@import方式会增加http 请求，影响加载速度，慎用

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