html 页面引用css,CSS引入：4种将CSS引用到HTML页面的方法

序：站长地带一直提到制作网页的时候，HTML是结构，CSS是样式。先有结构，再有样式。就像房子一样，先有房子，才能装修。那如何将CSS和HTML代码联系起来呢？

这章《CSS引入》就是来解决这个问题。这里介绍4种将CSS引用到HTML页面的方法。

1、行内式引用

2、内嵌式引用

3、链接式引用

4、导入式引用

一、行内式引入

书写格式：

内容标签名>

实例:

WWW.ZZAREA.COM【站长地带，老班教你做网站】

效果：

二、内嵌式引用

【行内式引用】将结构和样式混在一起，这样的写法，不遵循结构与样式分离的原则。所以，一般情况不采纳行内式引用。

将上述效果，用内嵌式引用实现：

代码如下：

三、链接式引用

链接式引用就是将【内嵌式引用】的样式存放到一个css扩展名的文件夹内。

这样做的好处：

1、彻底做到结构与样式分离

2、通过外部引入CSS的方式，使原有的HTML代码减少，有利用打开网页的速度和SEO。

书写规范：

写在对页面中各种元素的设置集中写在

和之间的

四、导入式引用

【导入式引用】和【链接式引用】差不多，都是通过外部引入CSS文件。只是书写方法不同。通过@import进行引用。

书写规范：写在对页面中各种元素的设置集中写在

和之间的

导入式引入的最常见用法：如何将多个CSS文件导入到一个CSS文件