如何將CSS 加諸於網頁

來源:互聯網
上載者:User
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 。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。