【大站網(wǎng)站建設(shè)】
【知識(shí)要點(diǎn)】使用鏈入外部樣式表技術(shù)快速排版。
圖6-4鏈入外部樣式表
代碼如下：
<! doctype html>
<html>
<head>
<meta charseF"gb2312">
<title>外部的樣式表的應(yīng)用</title>
<link rel="stylesheet" hreF'''style/style.css" type="text/css">
</head>
<body>
<hl>美亞手機(jī)限時(shí)促銷(xiāo)</hl>
<p>6月26日至6月28日，回答問(wèn)題……最高價(jià)值900元。</p>
<hl class="title">超薄超值款</hl>
<p class="author">發(fā)布：樂(lè)天之星</p>
<p class="img"><img src="images/phone.jpg"／><／p>
<p class="content">超級(jí)商務(wù)……手機(jī)電量。</p>
<p class="note">購(gòu)買(mǎi)美亞手機(jī)……不勝枚舉。</p>
</body>
</html>
·95·
CSS文件名為style.css，存放在文件夾style中，代碼如下：
body {font-size:llpt}
hl {" COLOR: black">宋體；font-size:3 0pt; font-weight:bold;color:purple;text-align:center)
hl.title {font-size:13pt; font-weight:bold;color:#666;text-align:center)
p {font-size:llpt;color:black;text-indent: 2em)／‘定義段落文字llpt，藍(lán)色，文本縮進(jìn)兩個(gè)字符4／
p.author {color:blue;text-align:right) ／+定義作者文字藍(lán)色、右對(duì)齊+／
p.img {text-align:center) 產(chǎn)定義圖像居中對(duì)齊+／
p.content{color:blue} 產(chǎn)定義內(nèi)容文字藍(lán)色+／
p.note {color:green;text-align:left) ／4定義注釋文字綠色、左對(duì)齊+／
【案例說(shuō)明】為了實(shí)現(xiàn)段落首行縮進(jìn)的效果，在定義p的樣式中加入屬性text-indent:2em即可實(shí)現(xiàn)段落首行縮進(jìn)兩個(gè)字符的效果。
