可以利用下列 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 。