當瀏覽器讀取樣式表，將格式化根據它的文件。有三種方法插入一個樣式表：外部樣式表，內部樣式表和內聯樣式。下面是詳細信息。
外部樣式表
外部樣式表時，是理想的樣式應用于許多網頁。與外部的樣式表，你可以改變整個網站通過改變一個文件看看。每個頁面必須鏈接到樣式表使用標記。 標記里面去頭部分：
| 以下為引用的內容： <head> <link rel="stylesheet" type="text/css" href="teststyle.css" /> </head> |
外部樣式表能夠寫在任何文本編輯器。該文件不應該包含任何HTML標記。您的樣式表應保存的。CSS擴充。一個樣式表文件的示例如下所示：
| 以下為引用的內容： hr {color:sienna} p {margin-left:20px} body {background-image:url("backimage.gif")} |
注意：不要離開之間的財產價值和單位的空間！"margin-left:20 px" (而不是"margin-left:20px") 在IE下正常，但在Firefox or Opera不可以。
內部樣式表
一個內部樣式表時，應使用一個單一的文件，具有獨特的風格。只要定義的HTML網頁的開頭部分的內部風格，通過使用<style>標記，如下所示：
| 以下為引用的內容： <head> <style type="text/css"> hr {color:sienna} p {margin-left:20px} body {background-image:url("backimage.gif")} </style> </head> |
內聯樣式
內聯式混合失去介紹內容與樣式表的許多優點。謹慎使用此方法！
要使用您使用相關標記的樣式屬性內聯樣式。 style屬性可以包含任何CSS屬性。這個例子展示了如何改變顏色和段落的左邊距：
| 以下為引用的內容： <p style="color:red;margin-left:20px">This is a paragraph.</p> |
多個樣式表
如果某些特性已在不同的樣式表設置相同的選擇，該值將被繼承了更具體的樣式表。
例如，外部樣式表的H1已選擇這些屬性：
| 以下為引用的內容： h1 { color:blue; text-align:center; font-size:8pt } |
并且內部樣式表的H1已選擇這些屬性：
| 以下為引用的內容： h1 { text-align:right; font-size:20pt } |
如果與內部樣式表頁面還鏈接到外部樣式表的H1的屬性將是：
| 以下為引用的內容： color:blue; text-align:right; font-size:20pt |
也就是：繼承的顏色從外部樣式表和文字對齊及字體大小，是由內部樣式表所取代。
但請注意：如果外部的樣式表鏈接后，在HTML樣式表放在內部的<head>，外部樣式表將取代內部樣式表！
此外：
一般來說，我們可以說，所有的樣式將“級聯到一個新的”虛擬“樣式表”的，下面的規則在4號具有最高的優先級：
1。瀏覽器默認
2。外部樣式表
3。內部（在頭節樣式表）
4。內聯樣式（在HTML元素）
因此，內聯樣式（HTML元素內），具有最高優先級，這意味著它將覆蓋<head>標簽內，或在外部的樣式表，或在瀏覽器（默認值）定義的一種樣式。
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
