頁面中插入CSS樣式的三種方法

來源:互聯網
上載者:User

標籤:頁面   外觀   str   聲明   應用   strong   方法   相關   color   

頁面中插入css樣式的三種方法總結

1、 外部樣式

當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個檔案來改變整個網站的外觀。每個頁面使用<link>標籤連結到樣式表。

<link>標籤在(文檔的)頭部:

<head>  <link rel="stylesheet" type="text/css" href="path/myCss.css"/></head>

2、內部樣式

當單個文檔需要特殊的樣式時,就應該使用內部樣式表。可以使用<style>標籤在文檔頭部定義內部樣式表。

內部樣式分為嵌入式和匯入式:

嵌入式:<head>  <style type="text/css">   <!--     樣式    ......   -->   </style></head>匯入式:<head>  <style type="text/css">    <!--     @import url("mystyle.css");     其他樣式表的聲明     -->   </style></head>

3、內聯樣式

由於要將表現和內容混雜在一起,內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法,例如當樣式僅需要在一個元素上應用一次時。要使用內聯樣式,你需要在相關的標籤內使用樣式(style="")屬性。style屬性可以包含任何CSS屬性。

內聯樣式的優先順序最高,其次是內部樣式,外部樣式的優先順序是最低的。

頁面中插入CSS樣式的三種方法

相關文章

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.