<a >Services</a> -
<a >Portfolio</a> -
<a >Contact Us</a> -
<a >Terms of Trade</a>
</div>
Copyright © Enlighten Designs
Powered by <a >Enlighten Hosting</a> and
<a >Vadmin 3.0 CMS</a></div>
刷新你的頁面，你將看到如下所示：
最后我們回到內(nèi)容部分：
用<h2<>表現(xiàn)內(nèi)容標題?C"About","Contact us"；用<p>表現(xiàn)段落；用</br>斷行。
<div id="content">
<h2>About</h2>
<p><strong>Enlighten Designs</strong> is an Internet solutions provider that specialises in
front and back end development. To view some of the web sites we have created view our
portfolio.</p>
<p>We are currently undergoing a 'face lift', so if you have any questions or would
like more information about the services we provide please feel free to contact us.</p>
<h2>Contact Us</h2>
<p>Phone: (07) 853 6060<br />
Fax: (07) 853 6060<br />
Email: <a href="mailto:info@enlighten.co.nz" >info@enlighten.co.nz</a><br />
P.O Box: 14159, Hamilton, New Zealand</p>
<p><a >More contact information…</a></p>
</div>
刷新頁面可以看到在Content層中又出現(xiàn)一些空白，這是由于<h2><p>標簽的默認邊距(margin)造成的，我們必須消除這些惱人的空白，當又不想把網(wǎng)頁中所有的<h2><p>標簽地邊距都設(shè)為0，這就需要使用css的子選擇器("child css selector"),在html的文件結(jié)構(gòu)中，我們想控制的<h2><p>標簽(child)是屬于#content層(parent)的,因此在css文件中寫入：
#content h2 {
margin: 0;
padding: 0;
}
#content p {
margin: 0;
padding: 0;
}
這樣我們就告訴瀏覽器，僅僅是隸屬于content層的<h2><p>標簽的margin和padding的值為0！
