CSS的四種引入方式分別是:行內樣式、內嵌樣式、鏈接樣式和導入樣式。
1、行內樣式
最直接最簡單的一種,直接對HTML標簽使用style="",例如:
<p style="color:#F00; "></p>
缺點:HTML頁面不純凈,文件體積大,不利于蜘蛛爬行,后期維護不方便。
(視頻教程推薦:css視頻教程)
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快速入門
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com