XHTML+CSS:调用样式表
web标准设【biāo zhǔn shè】🛷计网站【jì wǎng zhàn】,过渡的方法主要是采用😖XHTML+CSS,css样式表🦑是必不【shì bì bú】🏺可少的。这就要求所有【qiú suǒ yǒu】网页设计师必须熟练掌握🍭CSS,如果你👠以前不常用【cháng yòng】😖,那么现⛺在就开始学习♟吧。要制作符合【fú hé】web标准的网站【wǎng zhàn】,不懂【bú dǒng】CSS是设计【shì shè jì】🍳不出漂【bú chū piāo】亮的页🎏面的。
事实上【shì shí shàng】🚱,所有表📔现的【de】地⛏方都需要用🧣CSS来实现【lái shí xiàn】。我们以前都习🚝惯用【guàn yòng】table来定位【lái dìng wèi】🍕和布局【hé bù jú】,现在要【xiàn zài yào】改用DIV来定位【lái dìng wèi】🍕和布局【hé bù jú】。这是思维方式的【de】变化😍,一开始【yī kāi shǐ】有些不习惯。呵呵,任何变革都会【gé dōu huì】有阻力【yǒu zǔ lì】的【de】,为了享受标准带来的【de】"益处🕦",放弃一🐳些老的【de】传统做法是值🛐得的【de】。
外部调用样式表
在以前,我们通📔常采用2种方法【zhǒng fāng fǎ】使用样式表【shì biǎo】👪:
页面内嵌法【qiàn fǎ】🔎:就是将【jiù shì jiāng】样🎠式表直【shì biǎo zhí】接写在页面代码的🐒head区【qū】。类似这样🎠:
<style type="text/css"> <!——body { background : white ; color : black ; }——> </style>
外部调用法:将样式⛪表写在🏜一个独🧓立的。css文件中【wén jiàn zhōng】,然后在🧥页面【yè miàn】head区用类【qū yòng lèi】似以下【sì yǐ xià】代码调用。
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
在符合web标准的设计中,我们使用外部调用法【diào yòng fǎ】,好处不【hǎo chù bú】言而喻🌜,你可以🍰不修改【bú xiū gǎi】🐨页面只👙修改🚇。css文件而改变页【gǎi biàn yè】面的样式【yàng shì】🔻。如果所🤴有页面【yǒu yè miàn】都调用【dōu diào yòng】🚝同一个样式【yàng shì】🔻表文件,那么改一个样式【yàng shì】🔻表文件,可以改🧑变所有文件的【wén jiàn de】样式【yàng shì】🔻。
双表法调用样式表
<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>
为什么要写两次呢?
实际上一般情况下用【kuàng xià yòng】外联法调用【fǎ diào yòng】🏷(就是第一句🎳)就足够了。我这里使用双表调用【biǎo diào yòng】🌒只是一种示例⌛。其中的"@import"命令用🛑于输入🐉样式表【yàng shì biǎo】。而【ér】 "@import"命令在【zài】netscape 4.0版本浏览器🥑是无效的。也就是说,当你希🌻望某些效果在【zài】netscape 4.0浏览器🥑中隐藏【zhōng yǐn cáng】,在【zài】4.0以上或🔖其它浏览器🥑中又显【zhōng yòu xiǎn】示的时【shì de shí】候【hòu】,你可以【nǐ kě yǐ】🍧采用【cǎi yòng】🏎"@import"命令方🏢法调用【fǎ diào yòng】🏷样式表【yàng shì biǎo】。
关键词:XHTML,CSS
阅读本文后您有什么感想? 已有 人给出评价!
- 0
- 0
- 0
- 0
- 0
- 0