匯入CSS檔案的方法總結

html主要負責網頁的內容展現，而css檔案負責網頁內容的樣式，在html中使用css的方法有三種，希望對大家有幫助。

具體一點就是在html標籤中使用css，**書寫規範如下：


lang="zh-cn">
charset="utf-8">
內聯樣式title>
head>
style="color: red; font-size: 20px; border: 2px solid green;">內聯樣式引入規範p>
body>
html>

在html的標籤中用style=」「引入，在引號中書寫具體的樣式內容，並且在引入css樣式後，標籤的自有屬性也是可以書寫的（雖然現在已經不推薦了，但是二者的確能並存），在我自己的試驗中發現，當內聯樣式和標籤屬性衝突時，內聯樣式具有高的優先順序，也就是最終會以css樣式為準，我個人是在chrome瀏覽器中實驗的，**為：

style="color: red; font-size: 20px; border: 2px solid green; text-align: left;"
align="center" >內聯樣式引入規範p>

這個和內聯樣式的區別是，這裡將css內容通過style標籤寫在head標籤中，具體**如下：


lang="zh-cn">
charset="utf-8">
內部樣式title>
type="text/css">
p    
style>
head>
內部樣式引入規範p>
body>
html>

style標籤中的type屬性指定引用檔案的型別，這裡是text/css，在style標籤中書寫具體的樣式內容。這裡也同樣存在上面的問題，當css內容和標籤屬性衝突時，內部樣式具有高的優先順序，也就是最終會以css樣式為準，這裡**類似，不再展示。

最後一種引入樣式的方法為外部樣式引入，通過link標籤引入外部樣式表，具體**如下：


lang="zh-cn">
charset="utf-8">
外部樣式title>
rel="stylesheet"
type="text/css"
href="indexjd.css">
head>
外部樣式引入規範p>
body>
html>

link標籤中的rel屬性是要引入的檔案和html的關係（relation），這裡是「stylesheet」，type是引入的檔案型別，這裡為「text/css」，href是hyperreference（超級引用），指的是引用檔案位址，可以是相對路徑，也可以是絕對路徑。這裡如果使用標籤屬性，依然是css具有高的優先順序。

按照css檔案規定，在css中是不能存在任何文件內容的，如果你在乙個樣式表中還要用到其他的樣式表的內容，那麼可以使用@import關鍵字引用，關於@import有以下幾點要注意：

@import只能位於style標籤中css語句之前，當然可以有多個@import語句，它們都會被載入且執行，具體書寫規則如下：

1. 外部樣式表中引入：

@import
url(mycss1.css)
;    @import
url(mycss2.css);p

內部樣式表引入：

type="text/css">
@import:url(mycss1.css);
@import:url(mycss2.css)
;        p
style>

注意： @import不支援內聯樣式中的引入，url既支援相對路徑，也支援絕對路徑，這和link一樣。如果將@import語句寫在css語句後面，大多數瀏覽器都會忽略，除了ie。

總結：當然，我這裡說的也比較簡單，不過還是做了個對比，按照表現和內容分離的原則，內聯樣式表已經不推薦使用了，大多數情況下使用的都是外部樣式表，如果你在樣式表中還想引入其他的樣式表，@import是乙個選擇，但是它不會像link一樣，後面的檔案覆蓋前面的檔案，二是全部載入執行。

世界上任何複雜的事物都是由簡單的東西一一拼湊而成，所謂的大牛，無非就是對於簡單的東西比你熟練百倍而已。謹記！

匯入CSS檔案的方法總結

mysql 檔案匯入方法總結

CSS檔案的條件匯入

匯入css檔案問題

匯入CSS檔案的方法總結

mysql 檔案匯入方法總結

CSS檔案的條件匯入

匯入css檔案問題

相關推薦