======================================================
注:本文源代码点此下载
======================================================
序:老班一直提到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^)/