CSS样式的引入方式

众所周知CSS样式有四种方式：行内式、内嵌式、链接式和导入式。

1、行内式

行内式是在某个元素内通过使用style属性实现的，它只针对某个元素，而不会影响整个文件，所以可以控制某个HTML元素的外观表现，列如：

这段代码描述的是一个宽为200px、高为100px、文字颜色为红色的div区域。

2、内嵌式

内嵌式使用<style>标签将CSS属性名和属性值引入html页面中，通常<style>标签放置在head标签中。列如：

内嵌式的形式没有行内式表现得直接，但是内嵌式可以同时为多个标签设置样式，并且只需要修改一处即可全部改变，比起行内式更加方便。

3、链接式

内嵌式只能对一个网页起作用，不能进行跨页面复用。一般地，由于每个网站都不可能只有一个页面，若干个页面中相同的HTML标记都要求有相同的样式，此时使用内嵌式就显得比较笨重，而使用链接式可以很好地解决这一问题。链接式引入CSS样式文件时通过link标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，该属性用于指定需要引入的CSS文件的路径。代码如下：

link元素中type属性用于规定链接文档的MIME类型。rel属性用于规定被链接文档与当前文档之间的关系，href属性用于指定CSS样式文件的绝对或相对地址。

4、导入式

导入式与链接式的功能基本相同，只是语法和动作方式上略有区别。导入式采用import方式导入样式表，在HTML文件初始化时，央视就会导入到HTML文件内，作为文件的一部分。代码如下：