Xhtml第4天:调用样式表
用web标准设计网站,过渡的方法主要是采用xhtml+css,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握css,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂css是设计不出漂亮的页面的。【文章来自:开店乐www.KaiDianLe.Com】
事实上,所有表现的地方都需要用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"命令方法调用样式表。
【日期:2006-10-19】【作者:不祥】【转载自:开店乐】
相关文章:
最好的网上开店系统:凡人网络购物系统免费下载
定位你的网站CI形象
网页布局理念
主页的艺术处理
怎样设计首页?(解答)
新颜:经典品牌logo的web2.0版
世界顶尖网页设计师作品
韩国站点精选
服装网站
商业网站设计主要原则
几千个3D及素材网址收集!
网站欣赏0131
网站欣赏0130
网站欣赏013
网站欣赏0219
网站欣赏0218
网站欣赏0216
网站欣赏0215
网站欣赏0214
网站欣赏0213
网站欣赏0211
网站欣赏0212
网站欣赏021
网站欣赏0119
网站欣赏0118
网站欣赏0117
网站欣赏0115
网站欣赏011
网站欣赏113
网站欣赏112
网站欣赏111
网站欣赏110
网站欣赏109
网站欣赏108
网站欣赏108
网站欣赏107
网站欣赏107
网站欣赏106
网站欣赏105
网站欣赏104
网站欣赏103
网站欣赏102
网站欣赏101
网站欣赏10
网站欣赏99
网站欣赏98
网站欣赏97
网站欣赏96
网站欣赏95
网站欣赏94
网站欣赏93
网站欣赏92
网站欣赏91
网站欣赏90
网站欣赏9
网站欣赏89
网站欣赏88
网站欣赏87
网站欣赏86
网站欣赏85
网站欣赏84
网站欣赏83
网站欣赏82
网站欣赏81
网站欣赏80
网站欣赏8
网站欣赏79
网站欣赏78
网站欣赏77
网站欣赏76
网站欣赏75
网站欣赏74
网站欣赏73
网站欣赏72
网站欣赏71
网站欣赏70
网站欣赏7
网站欣赏69
网站欣赏68
网站欣赏67
网站欣赏66
网站欣赏65
网站欣赏64
网站欣赏63
网站欣赏62
网站欣赏61
网站欣赏60
网站欣赏6
网站欣赏59
网站欣赏58
网站欣赏57
网站欣赏56
网站欣赏55
网站欣赏54
网站欣赏53
网站欣赏52
网站欣赏51
网站欣赏50
网站欣赏5
网站欣赏49
网站欣赏48
版权所有:Kaidianle.Com 联系方式:Shnxn@Yhaoo.Com.Cn 京ICP备06028743号 在线留言