解答：
CSS的引入方式一共有四种。
1.行内样式
行内样式：作用于标签内部，使用style属性设置CSS样式。
代码演示：
HTML代码：
<body>
<div style="width:200px; height:200px; background:orange;"></div>
</body>
chrome浏览器-效果显示：
2.内嵌样式
内嵌样式：属于半脱离页面结构。因为它不再作用于单个标签，而是将所有CSS代码抽取出来，单独放在当前网页head标签的style子标签内。相对于行内样式，内嵌样式从之前的修饰单个标签扩大到修饰当前页面。
代码演示：
HTML代码：
<body>
<div style="width:200px; height:200px; background:orange;"></div>
</body>
CSS代码：
<style>
div{
width:200px; height:200px; background:red;
}
</style>
在保留行内样式的同时，写入内嵌样式，并且在内嵌样式中，只改变背景颜色，为红色。
效果显示：
好像内嵌样式并没有起到应有的效果。在此我们删除行内样式后：
效果显示：
这是获得了我们的内嵌样式的效果。也就说明相同样式，行内样式的优先级高于内嵌样式。
3.外链样式
外链样式：也是完全脱离页面结构的CSS样式，并且，把样式表单独写在后缀名为点css的文件中，通过link标签引入到当前页面。
代码演示：
删除行内样式后。
<body>
<div></div>
</body>
保留内嵌样式，外链样式的背景颜色设置为蓝色。
<!-- 外链样式 -->
<link rel="stylesheet" href="index.css">
<!-- 内嵌样式 -->
<style>
div{
width:200px; height:200px; background:red;
}
</style>
效果显示：
外链样式在HTML文件中，并放在内嵌样式之上，显示的是内嵌样式表。删除内嵌样式表后：
效果显示：
由此说明：行内样式的优先级 > 内嵌样式的优先级 >外链样式的优先级。
4.导入样式
导入样式：与外链样式相似，在style标签内使用@import url();引入样式表。因为导入样式出现的比外链样式较迟，所以可能出现浏览器兼容问题，并且导入样式先加载HTML文件后加载CSS文件，在网速慢的情况下，用户体验较差。所以不建议使用
代码演示：
<!-- 导入样式 -->
<style>
@import url(index1.css);
</style>
<!-- 外链样式 -->
<link rel="stylesheet" href="index.css">
body内容不变，导入样式表中背景颜色设置为黄色。效果显示：
我们导入样式没有显示。删除外链样式后，效果显示：
5.四种引入样式的优先级
所以优先级：行内样式 > 内嵌样式 > 外链样式 > 导入样式
6. 总结
A.行内样式：
1.优先级最高。
2.未脱离文件结构
3.只修饰当前标签
B.内嵌样式：
1.优先级第二
2.半脱离文件结构
3.只修饰当前页面
C.外链样式：
1.优先级第三
2.完全脱离文件结构
3.可修饰多个页面
D.导入样式：
1.优先级最末
2.完全脱离文件结构
3.可修饰多个页面
4.存在兼容问题
5.存在用户体现问题
6.不建议使用