CSS中的四種引用方式
我要評論CSS的四種引用方式：
1、行內樣式、內聯(lián)樣式
2、內嵌樣式、內部樣式
3、鏈接樣式
4、導入樣式
行內樣式 、內聯(lián)樣式
行內樣式是最簡單的一種css（Cascading Style Sheets【層疊樣式表】）使用方式，就是在html標簽中使用style屬性添加CSS樣式。
例如：
<p style="color:#F00; "></p>
優(yōu)點：這樣寫的css樣式的優(yōu)先級別是最高的。
缺點：HTML（結構層）與CSS（表現(xiàn)層）代碼混合在了一起，文件體積變大，代碼混亂不易維護。
內嵌樣式 、內部樣式
內嵌樣式是寫在<head></head>標簽中的；并用<style></style>標簽進行聲明。
例如：
<style type="text/css">
body,div,a,img,p{
margin:0;
}
</style>
缺點：雖然與行內樣式相比實現(xiàn)了HTML與CSS的分離，但是對于多個HTML頁面來說，還是不能實現(xiàn)統(tǒng)一管理與維護；
優(yōu)點：一定程度上實現(xiàn)了結構層與變現(xiàn)層的分離。
鏈接樣式
鏈接樣式是使用頻率最高，最實用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：
<link type="text/css" rel="stylesheet" href="style.css" />
缺點：
優(yōu)點：1、使用鏈接式時與導入式不同的是它會以網(wǎng)頁文件主體裝載前裝載CSS文件，因此顯示出來的網(wǎng)頁從一開始就是帶樣式的效果的，它不會象導入式那樣先顯示無樣式的網(wǎng)頁，然后再顯示有樣式的網(wǎng)頁，這是鏈接式的優(yōu)點。2、充分實現(xiàn)了結構層與表現(xiàn)層的分離。
導入樣式
將一個獨立的.css文件引入HTML文件中，導入式使用CSS規(guī)則引入外部CSS文件，<style>標記也是寫在<head>標記中，使用的語法如下：
<head> <style type="text/css"> @import url(mystyle.css); 此處要注意.css文件的路徑 </style> </head>
缺點：導入式會在整個網(wǎng)頁裝載完后再裝載CSS文件，因此這就導致了一個問題，如果網(wǎng)頁比較大則會兒出現(xiàn)先顯示無樣式的頁面，閃爍一下之后，再出現(xiàn)網(wǎng)頁的樣式。這是導入式固有的一個缺陷。
優(yōu)點：1、充分實現(xiàn)了結構層與表現(xiàn)層的分離；2、也能實現(xiàn)一部分的分塊的功能。
四種方式的優(yōu)先級問題
1.就近原則
2.理論上：行內>內嵌>鏈接>導入
3.實際上：內嵌、鏈接、導入在同一個文件頭部，誰離相應的代碼近，誰的優(yōu)先級高
總結
以上所述是小編給大家介紹的CSS的四種引用方式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
- 這篇文章主要介紹了CSS編程的外部CSS文件引用方法,是CSS入門學習中的基礎知識,需要的朋友可以參考下2015-08-26
- 目前有兩種引用方式，一種是通過在head里面的link來引用，另外一種是直接通過import來引用，示例代碼如下，需要的朋友不要錯過2014-08-06
- javascript和css文件中采用相對路徑，其基準路徑是完全不同的，下面為大家介紹下CSS與JS中的相對路徑引用，不了解的朋友可以參考下2014-05-19
- CSS都是正確的，鏈接也沒有出錯的話，為什么偏偏CSS樣式不生效2011-07-22
- js與css的引用方法，都是基礎的東西。2011-06-23
Photoshop CSS網(wǎng)頁制作的背景圖 主題的引用樣式
Photoshop制作CSS網(wǎng)頁制作的背景圖.2010-01-21- 看到淘寶網(wǎng)頁中這樣寫使用的是import,而很多網(wǎng)站都是使用link，當然還有一些頁面比較簡單，流量很大的網(wǎng)站，是直接將CSS寫在html代碼中的？他們有什么區(qū)別？2009-11-19
- 通常，我們的頁面都是引用了很多樣式文件，同時樣式文件給我們的頁面設置了很多背景圖片。但是這里有個小細節(jié)容易忽視。圖片的referer來源處理存在瀏覽器的差異。2009-07-29
- 網(wǎng)頁制作Webjx文章簡介：這兩天剛寫完XHTML加載CSS的幾種方式，其中外部引用CSS分為兩種方式link和@import。 有很多網(wǎng)頁中的CSS鏈接與引用是這樣寫的：2009-04-02