【大站网站建设】
【知识要点】使用链入外部样式表技术快速排版。
图6-4链入外部样式表
代码如下：
<! doctype html>
<html>
<head>
<meta charseF"gb2312">
<title>外部的样式表的应用</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">发布：乐天之星</p>
<p class="img"><img src="images/phone.jpg"／><／p>
<p class="content">超级商务……手机电量。</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) 产定义图像居中对齐+／
p.content{color:blue} 产定义内容文字蓝色+／
p.note {color:green;text-align:left) ／4定义注释文字绿色、左对齐+／
【案例说明】为了实现段落首行缩进的效果，在定义p的样式中加入属性text-indent:2em即可实现段落首行缩进两个字符的效果。
