HTML CSS
通過使用 HTML4.0,所有的格式化代碼均可移出 HTML 文檔,然后移入一個獨立的樣式表。
實例
- HTML中的樣式
- 本例演示如何使用添加到 <head> 部分的樣式信息對 HTML 進(jìn)行格式化。
- 沒有下劃線的鏈接
- 本例演示如何使用樣式屬性做一個沒有下劃線的鏈接。
- 鏈接到一個外部樣式表
- 本例演示如何 <link> 標(biāo)簽鏈接到一個外部樣式表。
如何使用樣式
當(dāng)瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進(jìn)行格式化。有以下三種方式來插入樣式表:
外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
內(nèi)部樣式表
當(dāng)單個文件需要特別樣式時,就可以使用內(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)用到個別元素時,就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
<p style="color: red; margin-left: 20px"
>
This is a paragraph
</p>
訪問我們的 CSS 教程,學(xué)習(xí)更多有關(guān)樣式的知識。