DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 如何將CSS 加諸於網頁
如何將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 。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved