如何將CSS 加諸於網頁

css|網頁 　　您可以利用下列 3 種方式，將 CSS 指定的格調加諸於網頁上：

　　1. 在 HTML 檔案裡加一個超連結，連到外在的 CSS 文檔

　　這個方法最方便管理整個網站的網頁風貌。它讓網頁的文字內容與版面設計分開。您只要在一個 CSS 檔內（副檔名為 .CSS）定義好網頁的外觀風格，所有參考連結到此 CSS 檔的網頁，便會依照指示，反應出定義好的風格。

　　它的寫法是： < HTML>

　　< HEAD>

　　< TITLE>本網頁標題< /TITLE>

　　< LINK REL="stylesheet" HREF="http://www.webjx.com/css.css" TYPE="text/css">

　　< /HEAD>

　　此種方法 Navigator4 支援得仍十分 Buggy，請小心使用。

　　2. 在 HTML 檔案的 < HEAD>.......< /HEAD> 標籤間，加一段 CSS 的敘述文

　　這個方法適用於指定某個網頁，除了展現外在的 CSS 檔定義好的網頁風格外，同時還要展現本身 HTML 檔內加註的 CSS 。

　　如果內在加註的 CSS 敘述與外在連結的 CSS 敘述相衝突的話，網頁的展現將以內在加註的 CSS 敘述為主。

　　它的寫法是： < HTML>

　　< HEAD>

　　< TITLE>本網頁標題< /TITLE>

　　< STYLE TYPE="text/css">

　　< !--

　　BODY {font: 12pt}

　　H1 {font: 16pt}

　　P {font-weight: bold;

　　color: green}

　　-->

　　< /STYLE>

　　< /HEAD>

　　< BODY>

　　開始本頁內容…

　　< /BODY>

　　< /HTML>

　　特別值得注意的是，為了防止不支援 CSS 的瀏覽器誤將 標籤間的 CSS 風格敘述當成普通字串，而展現於網頁上，您最好將 CSS 的敘述文字插入 標籤之間。

　　3. 在 HTML 檔的字裡行間中，隨時有需要，隨時加一小段 CSS 的敘述指定

　　這個方法適用於指定網頁內的某一小段文字的呈現風格。

　　導覽器除了會展現出外在的 CSS 檔與此 HTML 檔 內定義的 CSS 風格（如果有的話），同時還會展現字裡行間的 CSS 風格。

　　如果字裡行間的 CSS 敘述與 內在定義的 CSS 或外在連結的 CSS 敘述相衝突的話，導覽器的展現將以字裡行間的 CSS 敘述為主。

　　它的寫法是： < HTML>

　　< HEAD>

　　< TITLE>本網頁標題< /TITLE>

　　< /HEAD>

　　< BODY>

　　< P STYLE="color: red">

　　開始本頁內容…

　　< /P>

　　< /BODY>

　　< /HTML>

　　上述的 3 種 CSS，可以同時並用，也可以擇您所好，單一或成雙地使用。如果各 CSS 間的敘述相衝突，則內在定義的 CSS 會蓋過外在連結的 CSS ，字裡行間的 CSS 會蓋過 內在定義的 CSS 。