在HTML中引入CSS样式的方法分为4种，分别是：行内式、内嵌式、导入式、连接式。
HTML和CSS是两种作用不同的语言，它们同时对一个网页产生作用，因此必须通过一些方法，将CSS与HTML挂接在一起，才能正常工作。
一、行内式
- html标记都有一个通用的style属性，行内式就是在该属性内添加CSS属性和值，如：
-
- 有时我们需要做测试或对个别元素设置CSS属性时，可以使用这种方式，这种方式由于CSS属性就在标记内，其作用对象就是标记内的元素。所以不需要指定CSS的选择器，只需要书写CSS属性和值。但它没有体现出CSS统一设置许多元素样式的优势。
二、嵌入式
嵌入式将页面中各种元素的CSS样式设置集中写在 之间，
对于单一的网页，这种方式很方便。但是对于一个包含很多页面的网站，如果每个页面都以嵌入式的方式设置各自的样式，不仅麻烦，冗余代码多，而且网站每个页面的风格不好统一。因此一个网站通常都是编写一个独立的CSS文件，使用以下两种方式之一，引入到网站的所有html文档中。
三、链接式
四、导入式
导入样式和链接样式比较相似，采用@import样式导入CSS样式表，在HTML初始化时，会被导入到HTML或者CSS文件中，成为文件的一部分，类似第二种内嵌样式。
- 链接式和导入式的目的都是将一个独立的CSS文件引入到HTML文件，我们在学习CSS或制作单个网页时，为了方便可采取行内式或嵌入式方法，但若要制作网站则主要应采用链接式方法引入CSS。
- 链接式和导入式最大的区别在于链接式使用HTML的标记引入外部CSS文件，而导入式则是用CSS的规则引入外部CSS文件，因此它们的语法不同
五、链接式和导入式区别
1、导入方式不同：
- 链接式是在网页文档头部通过link标记引入外部CSS文件，格式如下：
- 导入式，则需要使用如下语句：
2、网页生成效果不同：
使用链接式时，会在装载页面主体部分之前装载CSS文件，这样显示出来的网页从一开始就是带有样式效果的。
使用导入式时，要在整个页面装载完之后再装载CSS文件，如果页面文件比较大，则开始装载时会显示无样式的页面。从浏览者的感受来说，这是使用导入式的一个缺陷。
import把CSS文件的内容复制到HTML文件中，link直接向CSS文件读取所定义的CSS样式。
第六：四种CSS引入方式的优先级
1.就近原则
2.理论上：行内>内嵌>链接>导入
3.实际上：内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高
