CSS
Cascading style sheets的簡稱,是用來為網(wǎng)頁添加樣式的代碼。
CSS的一個核心特性就是能向文檔中的一組元素類型應(yīng)用某些規(guī)則。
CSS引入方式
1.外部樣式表（推薦）
-
使用<link>標(biāo)簽，引入外部CSS文件；
通常是將link標(biāo)簽寫在網(wǎng)頁的<head></head>之間
特點(diǎn)：代碼量集中，容易混亂
示例：
<link rel="stylesheet" type="text/css" href="xxx.css">
-
通過@import,引入CSS文件
既可以用在<style></style>標(biāo)簽里，也可以用在外部CSS文件中
特點(diǎn)：引入方便，但性能可能較差
示例：
@import url("xxx.css");
@import url('xxx.css');
@import url(xxx.css);
@import "xxx.css";
@import 'xxx.css';
2.內(nèi)部樣式表
將css的樣式代碼放在html文檔的<style></style>標(biāo)簽中，引入css
可以放到html文檔的任何位置，但是建議不要放到<html></html>標(biāo)簽外，通常將style標(biāo)簽放到HTML文件<head></head>標(biāo)簽里
特點(diǎn)：單個頁面內(nèi)的CSS代碼具有統(tǒng)一性和規(guī)劃性，便于維護(hù)，但是在多個頁面之間容易混亂
示例：
<html>
<head>
<style>
h1 { background: red; }
</style>
</head>
</html>
3.內(nèi)聯(lián)樣式
不推薦，但是在某些情況下很有用
特點(diǎn)：缺乏整體性和規(guī)劃性，不利于維護(hù)，維護(hù)成本高；
示例：
<p style="background: orange; font-size: 24px;">CSS<p>
4.屬性樣式
已經(jīng)被廢棄，要避免使用
示例：
<img src="a.png" width=100 height=200 >
