| 网站首页 | 易县_新闻 | 易县下载 | 易县图片 | 易县留言 | 易县论坛 | 笑话 | 范文 | 教案 | 论文 | 考试 | 法律 | 高校联盟 | 英语学习 | 电脑网络 | 旅游 | 求职创业 | 健康 | 两性频道 | 娱乐 | 营销 | 疾病大全 | 
您现在的位置: 易县门户网 >> 电脑网络 >> 网页制作 >> HTML网页制作教程 >> 教程正文
使用Web标准建站第4天:调用样式表
作者:未知 来源:网络 点击数: 更新时间:2006-7-23 17:45:43


   用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。

  事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变革都会有阻力的,为了享受标准带来的"益处",放弃一些老的传统做法是值得的。

外部调用样式表

  在以前,我们通常采用2种方法使用样式表:

  • 页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:

<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>

  • 外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

  在符合web标准的设计中,我们使用外部调用法,好处不言而喻,你可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。

双表法调用样式表

  查看某些符合标准站点的原代码,你可能看到,在调用样式表的地方有如下2句:

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

<style type="text/css" media="all">@import url( css/style01.css );</style>

  为什么要写两次呢?

  实际上一般情况下用外联法调用(就是第一句)就足够了。我这里使用双表调用只是一种示例。其中的"@import"命令用于输入样式表。而"@import"命令在netscape 4.0版本浏览器是无效的。也就是说,当你希望某些效果在netscape 4.0浏览器中隐藏,在4.0以上或其它浏览器中又显示的时候,你可以采用"@import"命令方法调用样式表。

教程录入:yxdoor    责任编辑:yxdoor 
  • 上一篇教程:

  • 下一篇教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    赞 助 商 链 接
    特 别 推 荐
    相 关 文 章
    在网吧中如何使用双ADSL线路
    巧妙使用ADSL分流技术
    Google旧瓶装新酒 用遗弃技术开
    Google中文搜索使用说明
    鼠标的使用
    KILL的使用(二)
    KILL的使用(一)
    PC CILLIN 的使用(三)
    PC CILLIN 的使用(二)
    PC CILLIN 的使用(一)
    最 新 热 门 资 讯
    普通教程CDROM常识谈
    普通教程多媒体电脑组成
    普通教程电脑安装前的注意事项
    普通教程安装CPU和内存
    普通教程接插电源线
    普通教程安装显示卡、声卡
    普通教程收尾工作
    普通教程盒模型bug的解决方法
    普通教程自做局域网(7)--安装网页
    普通教程自做局域网(8)--设置网页