【大站網(wǎng)站建設(shè)】
【知識要點】使用鏈入外部樣式表技術(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>美亞手機限時促銷</hl>
<p>6月26日至6月28日，回答問題……最高價值900元。</p>
<hl class="title">超薄超值款</hl>
<p class="author">發(fā)布：樂天之星</p>
<p class="img"><img src="images/phone.jpg"／><／p>
<p class="content">超級商務(wù)……手機電量。</p>
<p class="note">購買美亞手機……不勝枚舉。</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，藍色，文本縮進兩個字符4／
p.author {color:blue;text-align:right) ／+定義作者文字藍色、右對齊+／
p.img {text-align:center) 產(chǎn)定義圖像居中對齊+／
p.content{color:blue} 產(chǎn)定義內(nèi)容文字藍色+／
p.note {color:green;text-align:left) ／4定義注釋文字綠色、左對齊+／
【案例說明】為了實現(xiàn)段落首行縮進的效果，在定義p的樣式中加入屬性text-indent:2em即可實現(xiàn)段落首行縮進兩個字符的效果。
