-
國(guó)家級(jí)
全民數(shù)字素養(yǎng)與技能培訓(xùn)基地 -
河南省
第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位 -
鄭州市
數(shù)字技能人才（碼農(nóng)）培養(yǎng)評(píng)價(jià)聯(lián)盟
網(wǎng)頁(yè)中如何使用CSS樣式表，四種方式介紹
一、使用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)則是沒(méi)有整篇文件的『統(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)頁(yè)的<HEAD> </HEAD>部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性，只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。
三、使用 LINK標(biāo)簽： 將樣式規(guī)則寫在.CSS的樣式檔案中，再以<LINK>標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.CSS的檔案，我們只要在網(wǎng)頁(yè)中加入
<LINK REL=STYLESHEET TYPE=”text/CSS” HREF=”example.CSS”>
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁(yè)的<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>
要注意的是，行末的分號(hào)是絕對(duì)不可少的！
