【加強網(wǎng)站的建設(shè)】
定義行內(nèi)樣式表
行內(nèi)樣式表也稱內(nèi)嵌樣式表，是指在HTML標(biāo)簽中插入style屬性，再定義要顯示的樣式表，而style屬性的內(nèi)容就是CSS的屬性和值。用這種方法，可以簡單地對某個標(biāo)簽單獨定義樣式表。這種樣式表只對所定義的標(biāo)簽起作用，并不對整個頁面起作用。有時這種方式非常有效。其格式為：
<標(biāo)簽style=”屬性：屬性值；屬性：屬性值…”>
style屬性可以應(yīng)用于除basefont、param和script之外的任意body標(biāo)簽（包括body本身）。
【案例6-2】使用行內(nèi)樣式表排版商品促銷頁面。
【案例展示】本例文件6-2.html在瀏覽器中顯示的效果如圖6-3所示。
圖6-3使用行內(nèi)樣式
·93·
【學(xué)習(xí)目標(biāo)】掌握行內(nèi)樣式的定義方法與格式要求。
【知識要點】使用行內(nèi)樣式修改頁面的局部內(nèi)容。
代碼如下：
<fdoctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>使用行內(nèi)樣式<／title>
<／head>
<body>
<!一·行內(nèi)定義的h3樣式，不影響其他h3標(biāo)題．．>
<h3 style=”font-size:3 0pt;color:purple;text-align:center”>美亞手機限時促銷</h3>
<!．．行內(nèi)定義的h3樣式，不影響其他h3標(biāo)題．．>
<h3 style=”font-size:13pt; font-weight:bold;color:#666;text-align:center”>超薄超值款</hl>
<h3 align=”right”>發(fā)布：樂天之星<／h3>
<p style=”text-align:center”><img src=”images/phone.jpg”／><／p>
<!．．下面的段落文字為10磅大小，藍色，不影響其他段落．．>
<p style=”font-size:llpt;color:blue;text-indent:2em”>超級商務(wù)……手機電量。</p>
<!．．下面的段落不受影響，仍然為默認(rèn)顯示．．>
<p>購買美亞手機……不勝枚舉。</p>
<／body>
<／html>
【案例說明】需要注意的是，本例中，行內(nèi)樣式表與需要顯示的內(nèi)容混合在一起，且在，簽中采用設(shè)置style屬性的方法，一次只能控制一個標(biāo)簽的樣式，因此，使用行內(nèi)樣式表會去一些樣式表的優(yōu)點。這種方法應(yīng)該盡量少用。 2
