<![CDATA[gOxiA=苏繁=SuFan Blog]]> https://maytide.net/index.php zh-cn https://maytide.net/read.php/817.htm <![CDATA[调用样式表]]> gOxiA <sufan_cn@msn.com> Fri, 02 Dec 2005 08:47:58 +0000 https://maytide.net/read.php/817.htm 外部调用样式表在以前，通常采用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" />

双表法调用样式表

查看某些符合标准站点的原代码，可能会看到，在调用样式表的地方有如下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"命令方法调用样式表。

]]>