一、使用STYLE屬性
將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里,元件(標(biāo)簽) STYLE="性質(zhì)(屬性)1: 設(shè)定值1; 性質(zhì)(屬性)2: 設(shè)定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標(biāo)楷體"; line-height:150%>
這種用法的優(yōu)點(diǎn) 是可靈巧應(yīng)用樣式於各標(biāo)簽中,但是缺點(diǎn)則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽
將樣式規(guī)則寫在STYLE>.../STYLE>標(biāo)簽之中。
STYLE TYPE="text/CSS">
!--
樣式規(guī)則表
-->
/STYLE>
例如:
STYLE TYPE="text/css">
!--
BODY {
color: BLUE;
background: #FFFFCC;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
-->
/STYLE>
通常是將整個(gè)的 STYLE>.../STYLE>結(jié)構(gòu)寫在網(wǎng)頁的HEAD> /HEAD>部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。
三、使用 LINK標(biāo)簽
將樣式規(guī)則寫在.css的樣式檔案中,再以LINK>標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案,我們只要在網(wǎng)頁中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁的head>/head>部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。
四、使用@import引入
跟LINK用法很像,但必 放在STYLE>.../STYLE> 中。
STYLE TYPE="text/css">
!--
@import url(引入的樣式表的位址、路徑與檔名);
-->
/STYLE>
例如:
STYLE TYPE="text/css">
!--
@import url(http://yourweb/ example.css);
-->
/STYLE>
要注意的是,行末的分號是絕對不可少的!
五、使用span>/span>標(biāo)記引入樣式
例如:span style="font:12px/20px 宋體 #000000;">WEB標(biāo)準(zhǔn)/span>