CSS的四種引入方式分別是:行內樣式、內嵌樣式、連結樣式、匯入樣式。
1、行內樣式
最直接、最簡單的一種,直接對HTML標籤使用,例如:
<p style="color:#F00; "></p>
缺點:HTML頁面不純淨,文件體積大,不利於蜘蛛爬行,後期維護不方便。
(影片教學推薦:css影片教學)
2、內嵌樣式
內嵌樣式就是將CSS程式碼寫在a34e46bf00bd40a62b8f40d2d232d4e8之間,並且用c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927聲明,例如:
<style type="text/css"> body,div,a,img,p{margin:0; padding:0;} </style>
優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,後期維護難度也大,如果文件很少,CSS程式碼也不多,這種樣式還是很不錯的。
3、連結樣式
連結樣式是使用頻率最高,最實用的樣式,只需要在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1之間加上
<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快速入門
以上是css的四種引進方式分別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!