?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
通過使用 HTML4.0,所有的格式化代碼均可移出 HTML 文檔,然后移入一個獨立的樣式表。
HTML中的樣式
<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>
沒有下劃線的鏈接
<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"> 這是一個鏈接! </a> </body> </html>
鏈接到一個外部樣式表
<html> <head> <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > </head> <body> <h1>我通過外部樣式表進(jìn)行格式化。</h1> <p>我也一樣!</p> </body> </html>
當(dāng)瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進(jìn)行格式化。有以下三種方式來插入樣式表:
當(dāng)樣式需要被應(yīng)用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
當(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>
當(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)樣式的知識。
標(biāo)簽 | 描述 |
---|---|
<style> | 定義樣式定義。 |
<link> | 定義資源引用。 |
<div> | 定義文檔中的節(jié)或區(qū)域(塊級)。 |
<span> | 定義文檔中的行內(nèi)的小塊或區(qū)域。 |
<font> | 規(guī)定文本的字體、字體尺寸、字體顏色。不贊成使用。請使用樣式。 |
<basefont> | 定義基準(zhǔn)字體。不贊成使用。請使用樣式。 |
<center> | 對文本進(jìn)行水平居中。不贊成使用。請使用樣式。 |