第三讲：将CSS引用到HTML页面的4种方法

======================================================
注：本文源代码点此下载
======================================================

序:老班一直提到html是结构,css是样式。先有结构,再有样式。就像房子一样,先有房子,才能装修。那如何将css和html代码联系起来呢?

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

1、行内式引用

2、内嵌式引用

3、链接式引用

4、导入式引用

1、行内式引用

书写格式:

内容

实例:

www.zzarea.com【站长地带,老班教你做网站】

效果:

2011-9-11 21:49:33 上传下载附件 (8.22 kb)

2、内嵌式引用

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

将上述效果,用内嵌式引用实现:

代码如下:

www.zzarea.com【站长地带,老班教你做网站】

复制代码

3、链接式引用

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

这样做的好处:

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

2、通过外部引入css的方式,使原有的html代码减少,有利用打开网页的速度和seo。

书写规范:

4、导入式引用

【导入式引用】和【链接式引用】差不多,都是通过外部引入css文件。只是书写方法不同。

通过@import进行引用

高清版《css引用》下载地址:

:http://www.zzarea.com/bbs/thread-95-1-1.html

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/