通過使用 HTML4.0，所有的格式化代碼均可移出 HTML 文檔，然后移入一個(gè)獨(dú)立的樣式表。
HTML CSS
實(shí)例
- HTML中的樣式
- 本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
- 沒有下劃線的鏈接
- 本例演示如何使用樣式屬性做一個(gè)沒有下劃線的鏈接。
- 鏈接到一個(gè)外部樣式表
- 本例演示如何 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。
如何使用樣式
當(dāng)瀏覽器讀到一個(gè)樣式表，它就會(huì)按照這個(gè)樣式表來對(duì)文檔進(jìn)行格式化。有以下三種方式來插入樣式表：
外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁面的時(shí)候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"></head>內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí)，就可以使用內(nèi)部樣式表。你可以在 head 部分通過 <style> 標(biāo)簽定義內(nèi)部樣式表。
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style></head>內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí)，就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
<p >> This is a paragraph </p>訪問我們的 CSS 教程，學(xué)習(xí)更多有關(guān)樣式的知識(shí)。
| 標(biāo)簽 | 描述 |
|---|---|
| <style> | 定義樣式定義。 |
| <link> | 定義資源引用。 |
| <div> | 定義文檔中的節(jié)或區(qū)域（塊級(jí)）。 |
| <span> | 定義文檔中的行內(nèi)的小塊或區(qū)域。 |
| <font> | 規(guī)定文本的字體、字體尺寸、字體顏色。不贊成使用。請(qǐng)使用樣式。 |
| <basefont> | 定義基準(zhǔn)字體。不贊成使用。請(qǐng)使用樣式。 |
| <center> | 對(duì)文本進(jìn)行水平居中。不贊成使用。請(qǐng)使用樣式。 |
上一篇: HTML 圖像 下一篇: 你已經(jīng)將 HTML 教程學(xué)習(xí)完畢，下一步該學(xué)習(xí)什么呢？
