CSS的內聯樣式和外鏈樣式簡單介紹

admin發表於2017-02-24
CSS

一.內聯樣式:

所謂的內聯樣式就是直接寫在標籤內部的樣式，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<div style="color:red">螞蟻部落</div>

以上程式碼可以將字型顏色設定為紅色。

二.外鏈樣式表:

外鏈樣式表就是通過在網頁頭部利用link標籤引用一個單獨的css檔案，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<link href="style.css" rel="stylesheet" type="text/css" />

三.嵌入式樣式表:

嵌入式樣式表就是使用<style type="text/css"></style>定義在當前頁面內的css樣式，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<style type="text/css">
div{color:red}
</style>

相關文章