題目：
? ??????設計如圖所示的一個頁面
???
代碼：
html:
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>詩《初相遇》</title>
????<link?rel="stylesheet"?href="./css/fontsize.css">
</head>
<body>
???<div>
???????<h1>
????????初相遇????????<span>文/席慕容</span>
???????</h1>
????????<p>
????????????<span?class="two">美</span>麗的夢和美麗的詩一樣，都是可遇而不可求的悄但，常常在最沒能料到的時刻里出現(xiàn)檐嚣。
????????</p>
????????<p>我喜歡那樣的夢隐解，在夢里煞茫，一切都可以重新開始续徽，一切都可以慢慢解釋纫版，心里甚至還能感覺到捎琐，所有被浪費的時光竟然都能重回時的狂喜與感激瑞凑。<span?class="three">胸懷中滿溢著幸福籽御，只因你就在我眼前</span>技掏，對我微笑哑梳，一如當年。</p>
????<p>
????????我喜歡那樣的夢悯仙，明明知道你已為我跋涉千里锡垄，卻又覺得芳草鮮美货岭，落落英繽紛千贯，好像你我才初相遇。
????</p>
???</div>
</body>
</html>
css:
div
{
????background:?-moz-linear-gradient(#CAEFFE,#FFFFED);
????width:500px;
}
h1
{
????font-size:?24px;
????font-weight:?lighter;
????text-align:center;
????color:#06F;
????line-height:?1.8;
????text-shadow:?darkgray?1px?1px?1px;
}
h1?span
{
????font-size:?12px;
????color:#808080;
????font-weight:?200;
????text-shadow:?darkgray?1px?1px?1px;
}
p
{
????font-size:?12px;
????text-indent:?2em;
????line-height:?22px;
}
p?.two
{
????color:#FF1493;
????font-size:?18px;
????font-weight:?bold;
????text-shadow:??black?2px?2px?2px?;
}
p?.three
{
????font-style:?italic;
????font-weight:?bold;
????color:darkorange;
????font-size:?16px;
}
p:last-child
{
????color:green?;
????text-decoration:?underline;
}
運行結果：
