序：老班一直提到HTML是结构，CSS是样式。先有结构，再有样式。就像房子一样，先有房子，才能装修。那如何将CSS和HTML代码联系起来呢？
这章《CSS引用》就是来解决这个问题。这里介绍4种将CSS引用到HTML页面的方法。
1、行内式引用
2、内嵌式引用
3、链接式引用
4、导入式引用
1、行内式引用
书写格式：
<标签名 style="属性1：属性值；属性2：属性值；">内容</标签名>
实例:
<p style="color:red;font-size:12px;">WWW.ZZAREA.COM【站长地带，老班教你做网站】</p>
效果：
2011-9-11 21:49:33 上传下载附件 (8.22 KB)
2、内嵌式引用
【行内式引用】将结构和样式混在一起，这样的写法，不遵循结构与样式分离的原则。所以，一般情况不采纳行内式引用。
将上述效果，用内嵌式引用实现：
代码如下：
<html>
<head>
<title>CSS引用</title>
<style type="text/css">
p{
color:red;
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<p>WWW.ZZAREA.COM【站长地带，老班教你做网站】</p>
</body>
</html>
复制代码
3、链接式引用
链接式引用就是将【内嵌式引用】的样式存放到一个css扩展名的文件夹内。
这样做的好处：
1、彻底做到结构与样式分离
2、通过外部引入CSS的方式，使原有的HTML代码减少，有利用打开网页的速度和SEO。
书写规范：
<link href="zzarea.css" rel="stylesheet" type="text/css" />
4、导入式引用
【导入式引用】和【链接式引用】差不多，都是通过外部引入css文件。只是书写方法不同。
通过@import进行引用
高清版《CSS引用》下载地址：
浙公网安备 33010602011771号