使用Web标准建站第4天:调用样式表

原创 2005年03月03日 18:53:00
用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"命令方法调用样式表。

相关文章推荐

WEB2.0标准教程: 调用样式表

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

DIV+CSS(WEB标准)精通CSS层叠样式表

  • 2011年04月27日 11:52
  • 6.84MB
  • 下载

web学习—css样式表—css属性(一)

前面也已经学了css的基本语法。但是,我们仍然还是没法实际应用,因为对于前边提到的三种选择符,比较好理解,但是对于声明部分就比较困难了,最主要的原因还是我们知道了它的格式,可是具体声明的属性是什么呢?...
  • ni_meri
  • ni_meri
  • 2012年08月19日 15:54
  • 564

web学习—css样式表—css属性(二)

5、鼠标效果属性: cursor属性:定义鼠标的样式。取值如下:               auto: 正常鼠标。               crosshair: 十字鼠标。 ...
  • ni_meri
  • ni_meri
  • 2012年08月24日 16:51
  • 1280

web学习—css样式表—css语法(一)

前边已经说过一部分css的语法了,只是一些基础语法,有些方面还不够全面,下面就看下css详细点的语法吧。也许会有好多重复的地方,但是为了总结,也没关系啦。 1、css数据类型::     ...
  • ni_meri
  • ni_meri
  • 2012年08月25日 15:59
  • 696

web学习—css样式表—应用(二)

4、滤镜属性      滤镜用法::style=“filter:filtername(fparamter1,。。。)”:::filtername:滤镜属性名;fparamter:滤镜参数。 ...
  • ni_meri
  • ni_meri
  • 2012年09月07日 16:34
  • 453

web学习—css样式表—css基础语法

1、样式表的加载方式:         内联样式:直接以style属性加上要设置的属性值(属性与值之间用“:”隔开)。作为html标签的属性加入到标签中。         内部样式:使用标签直...
  • ni_meri
  • ni_meri
  • 2012年08月18日 17:52
  • 391

WEB入门 四 CSS样式表深入

学习内容Ø        CSS选择器深入学习Ø        CSS继承Ø        CSS文本效果Ø        CSS图片效果能力目标Ø        掌握CSS选择器的组合声明和嵌套Ø ...

用XML+XSL生成WEB树的XSL样式表

  • 2007年07月18日 21:40
  • 35KB
  • 下载

web前端初始化样式表

  • 2012年03月27日 10:52
  • 6KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Web标准建站第4天:调用样式表
举报原因:
原因补充:

(最多只允许输入30个字)