css的四種引進方式分別是什麼

CSS的四種引入方式分別是：行內樣式、內嵌樣式、連結樣式、匯入樣式。

1、行內樣式

最直接、最簡單的一種，直接對HTML標籤使用，例如：

<p style="color:#F00; "></p>

缺點：HTML頁面不純淨，文件體積大，不利於蜘蛛爬行，後期維護不方便。

（影片教學推薦：css影片教學）

2、內嵌樣式

內嵌樣式就是將CSS程式碼寫在之間，並且用聲明，例如：

<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>

優缺點：頁面使用公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，後期維護難度也大，如果文件很少，CSS程式碼也不多，這種樣式還是很不錯的。

3、連結樣式

連結樣式是使用頻率最高，最實用的樣式，只需要在之間加上

<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中文網其他相關文章！