溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹CSS中如何實現引入，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
第一：CSS的4種引入方式
CSS的4種引入方式是：行內樣式、內嵌樣式、鏈接樣式、導入樣式
1.行內樣式
最直接最簡單的一種，直接對HTML標簽使用style=""，例如：
<p style="color:#F00; "></p>
缺點：HTML頁面不純凈，文件體積大，不利于蜘蛛爬行，后期維護不方便。
2.內嵌樣式
內嵌樣式就是將CSS代碼寫在<head></head>之間，并且用<style></style>進行聲明，例如：
<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>優缺點：頁面使用公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，后期維護難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯的。
3.鏈接樣式
鏈接樣式是使用頻率最高，最實用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：
<link type="text/css" rel="stylesheet" href="style.css" />
優缺點：實現了頁面框架代碼與表現CSS代碼的完全分離，使得前期制作和后期維護都十分方便
4.導入樣式（不建議使用）
導入樣式和鏈接樣式比較相似，采用@import樣式導入CSS樣式表，在HTML初始化時，會被導入到HTML或者CSS文件中，成為文件的一部分，類似第二種內嵌樣式。
@import在html中使用，如下：
<style type="text/css"> @import url(style.css); </style>
@import在CSS中使用，如下：
@import url(style.css);
第二：四種CSS引入方式的優先級
1.就近原則
2.理論上：行內>內嵌>鏈接>導入
3.實際上：內嵌、鏈接、導入在同一個文件頭部，誰離相應的代碼近，誰的優先級高
心得：
1、如果同一個css定義分布在兩個css文件中，那么樣式取后引入的css文件。
2、最好將第三方組件的css放在html靠前位置，自定義的css放到html后面位置。
以上是“CSS中如何實現引入”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
