CSS的引入方式----行内式、嵌入式、链接式

CSS的引入方式

按照CSS样式书写的位置（或引入的方式），CSS样式表可以分为三大类
1、行内样式表（行内式）
2、内部样式表（嵌入式）
3、外部样式表（链接式）

一、内部样式表（嵌入式）
（1）是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个style标签中
（2）style理论上可以放到html的任何一个地方，但通俗的约定放在文档的head标签中
通过此种方式，可以方便控制当前整个页面中的元素样式设置
优缺点：代码结构清晰，但没有实现结构与样式完全分离

还有一种导入式
在内联样式中通过 @import 方法，导入其他样式，提供给当前页面使用。
使用导入样式的缺点
1、导入样式，只能放在 style 标签的第一行，放其他行则会无效。
2、@import 声明的样式表不能充分利用浏览器并发请求资源的行为，其加载行为往往会延后触发或被其他资源加载挂起。
3、由于 @import 样式表的延后加载，可能会导致页面样式闪烁。

二、行内样式表（行内式）
是在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。

 <p style="color: pink;font-size: 20px">云鬓花颜金步摇，芙蓉帐暖度春宵。</p>

style其实就是标签的属性，可以控制当前的标签样式。

使用行内样式的缺点：
1、样式不能复用。
2、样式权重太高，样式不好覆盖。
3、表现层与结构层没有分离。
4、不能进行缓存，影响加载效率。

三、外部样式表（链接式）
实际开发中采用，适合于样式比较多的情况

**核心：**样式单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用

引入外部样式表分为两步：
1、新建一个后缀名为.css的样式文件，把所有CSS代码都放入此文件中
（css文件里面只有样式，没有标签）
2、在HTML页面中，使用标签引入这个文件

<link rel="stylesheet" href="css文件路径">