通過(guò)使用 HTML4.0，所有的格式化代碼均可移出 HTML 文檔，然后移入一個(gè)獨(dú)立的樣式表。
本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
<html>
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>本例演示如何使用樣式屬性做一個(gè)沒(méi)有下劃線的鏈接。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>
<body>
<a href="/example/html/lastpage.html" style="text-decoration:none">
這是一個(gè)鏈接！
</a>
</body>
</html>
本例演示如何 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。
<html>
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
<body>
<h1>我通過(guò)外部樣式表進(jìn)行格式化。</h1>
<p>我也一樣！</p>
</body>
</html>
如何使用樣式
當(dāng)瀏覽器讀到一個(gè)樣式表，它就會(huì)按照這個(gè)樣式表來(lái)對(duì)文檔進(jìn)行格式化。有以下三種方式來(lái)插入樣式表：
外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過(guò)更改一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。
內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí)，就可以使用內(nèi)部樣式表。你可以在 head 部分通過(guò) <style> 標(biāo)簽定義內(nèi)部樣式表。
內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí)，就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
本站關(guān)鍵詞：大連網(wǎng)站建設(shè) | 大連網(wǎng)絡(luò)公司