第4天:调用样式表

web设计网站,渡的方法主要是采用XHTML+CSScss式表是必不可少的。就要求所有网页设计师掌握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"命令方法式表

你可能感兴趣的:(Web,css,浏览器,table,import,stylesheet)