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