通過使用(yòng) HTML4.0，所有的格式化代碼均可移出 HTML 文(wén)檔，然後移入一個獨立的樣式表。
如何使用(yòng)樣式
當浏覽器讀到(dào)一個樣式表，它就會(huì)按照這(zhè)個樣式表來(lái)對(duì)文(wén)檔進行格式化。有以下(xià)三種方式來(lái)插入樣式表：
外(wài)部樣式表
當樣式需要被應用(yòng)到(dào)很(hěn)多頁面的時(shí)候，外(wài)部樣式表将是理(lǐ)想的選擇。使用(yòng)外(wài)部樣式表，你(nǐ)就可以通過更改一個文(wén)件來(lái)改變整個站(zhàn)點的外(wài)觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部樣式表
當單個文(wén)件需要特别樣式時(shí)，就可以使用(yòng)内部樣式表。你(nǐ)可以在 head 部分通過 <style> 标簽定義内部樣式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内聯樣式
當特殊的樣式需要應用(yòng)到(dào)個别元素時(shí)，就可以使用(yòng)内聯樣式。使用(yòng)内聯樣式的方法是在相關的标簽中使用(yòng)樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下(xià)實例顯示出如何改變段落的顔色和(hé)左外(wài)邊距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
| 标簽 | 描述 |
|---|---|
| <style> | 定義樣式定義。 |
| <link> | 定義資源引用(yòng)。 |
| <div> | 定義文(wén)檔中的節或區(qū)域（塊級）。 |
| <span> | 定義文(wén)檔中的行内的小(xiǎo)塊或區(qū)域。 |
| <font> | 規定文(wén)本的字體、字體尺寸、字體顔色。不贊成使用(yòng)。請(qǐng)使用(yòng)樣式。 |
| <basefont> | 定義基準字體。不贊成使用(yòng)。請(qǐng)使用(yòng)樣式。 |
| <center> | 對(duì)文(wén)本進行水(shuǐ)平居中。不贊成使用(yòng)。請(qǐng)使用(yòng)樣式。 |