CSS應用給網頁元素的幾種方式總結

阿豪聊乾貨發表於2016-03-10
CSS網頁

一、內聯式樣式表

　　直接在HTML標籤中使用style進行定義樣式。如：<p style=”color:red;”>這裡是紅色文字</p>.

二、嵌入式樣式表

　　使用<style></style>標籤嵌入到HTML檔案中的<head></head>標籤內。（”<!– –>”用來對樣式進行註釋）

三、外部連結式樣式表

　　將樣式寫在一個單獨的.css檔案中，然後再在HTML頁面的<head></head>標籤內使用<link>標記進行呼叫它，這樣實現內容和樣式相分離。如：<link href=”main.css” rel=”stylesheet” type=”text/css”/>;

四、匯入式樣式表

　　匯入式樣式表與連結式樣式表功能基本相同，只是語法和動作上略有不同，同樣也將匯入式樣式程式碼寫在<head></head>標籤內。

　　語法：<style type=”text/css”>@import url(“main.css”)</style>(不推薦使用).


相關文章