将CSS引入HTML的常用方法有哪些？

我们都知道HTML和CSS是两种功能不同的语言，但是它们可以同时对一个网页产生效果，网页（webPage）=内容（html）+表现（css）+行为（javascript） .因此，有必要将CSS引入到HTML中并结合使用。为了在浏览器中显示出预期的CSS样式表效果，需要浏览器正确识别和调用CSS。浏览器在读取样式表的时候，应该是按照文本格式来读取的，而CSS样式表放在不同的地方，作用的范围也是不同的。在HTML中，CSS主要通过四种方式引入：内联、嵌入、导入和链接。

（1）行内式，如下图：

即在标签的style属性中设置CSS样式。这种方式并没有从本质上体现CSS的优势，所以不推荐使用。

（2）嵌入式，如下图：

在页面各种元素的设置中，写入

在和之间，这对于单页来说很方便。不过这种方式的使用要少得多，最常见的是访问量大的门户网站。或者访问量大的企业网站首页。与第一种方法相比，优点突出，但缺点也很明显。优点：速度快，所有的CSS控件都是针对这个页面标签的，没有多余的CSS命令；此外，不需要外部链CSS 文件。直接在HTML 文档中读取样式。缺点是改版比较麻烦，单个页面显得臃肿，CSS不能被其他HTML引用，导致代码量比较大，维护麻烦。但采用这种方式的公司大多是有钱人，对他们来说用户量是关键，不缺人手做复杂的维护工作。

（3）导入式，如下图

（4）链接式，如下图：

导入类型和链接类型类似，都是从外部导入CSS文件。但链接类型在客户端用户浏览网站时效果会更好。

链接可以说是现在占主导地位的导入方式。比如IE和浏览器。这也是最能体现CSS特性的方法；在DIV+CSS中最能体现内容与显示分离的思想，也是最容易修改维护，代码看起来最漂亮的。

总结：对于一些比较大的网站，为了方便维护，可能希望把所有的css样式放到几个css文件中，这样如果使用链接导入，需要几个语句分别导入css文件.如果要调整CSS文件的分类，需要同时调整HTML文件，这对于维护工作来说是一个缺陷。如果使用导入方式，只能导入一个通用的CSS文件，然后在这个文件中导入其他独立的CSS。文件；而链接类型没有此功能。