7. CSS於區塊的應用
7-1 上課範例：index4.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/style2.css" />
</head>
<body>
<div id="page">
<h1 id="title">紫斑蝶季來臨 明道中學校園「蝶舞翩翩」</h1>
<div id="content">
<p id="first">
台中明道中學發現第一批紫斑蝶蒞臨，宣告紫斑蝶季來臨。使校園內蝶舞翩翩，學生志工們21日發現了一隻標記編號UK409「斯氏紫斑蝶」，經查證是由紫斑蝶協會志工於4月9日在雲林縣林內鄉所標放，此發現印證了紫斑蝶的飛行旅程，也證實烏日確為紫斑蝶北遷蝶道的一站，明道校園更是紫蝶嬌客過境的棲息點。
</p>
<p>
明道中學環保組長林漢民指出，近日天氣溫暖，是最適合紫斑蝶飛行的氣候，校園每小時可發現6到8隻蝶蹤，志工們甚至一日可完成20隻紫斑蝶的標放工作。21日上午，師生發現一隻斯氏紫斑蝶，身上帶著「UK409」的編號，他們向台灣紫斑蝶生態保育協會求證，證實該蝶為協會志工李凱翔先生4月9日在雲林縣林內鄉觸口水利站所標放。
</p>
<p>
林漢民組長表示，所謂「標放」，是將昆蟲補抓後，先進行標記，然後再野放，這是不破壞大自然生態的兼顧保育及紀錄研究的好方法。這隻9日在林內被標放的蝴蝶，經過11日的飛行，從林內來到烏日，再被師生志工發現，飛行距離約70多公里。此消息可說是對明道志工的莫大鼓勵，也為解開紫斑蝶生態密碼及北遷蝶道之研究，提供最佳的資料！
</p>
</div>
<p id="info">
原文網址: 紫斑蝶季來臨 明道中學校園「蝶舞翩翩」 | 頭條新聞 | NOWnews 今日新聞網 http://www.nownews.com/2011/04/21/11490-2706682.htm#ixzz1J7jytoVy
</p>
</div>
</body>
</html>
