css
也可以將CSS樣式編寫到head中的style標(biāo)簽里觅彰，稱為內(nèi)部樣式表
將樣式表編寫的style標(biāo)簽中吩蔑，然后通過CSS選擇器選中指定元素
然后可以同時(shí)為這些元素一起設(shè)置樣式，這樣可以使樣式進(jìn)一步的復(fù)用
將樣式表編寫到style標(biāo)簽中填抬，也可以使表現(xiàn)和結(jié)構(gòu)進(jìn)一步分離烛芬，它也是我們推薦的使用方式
還可以將樣式表編寫到外部的CSS文件中，然后通過link標(biāo)簽來將外部的CSS文件引入到當(dāng)前頁面中
這樣外部文件中的CSS樣式表將會(huì)應(yīng)用到當(dāng)前頁面中
將CSS樣式統(tǒng)一編寫到外部的樣式表中飒责，完全使結(jié)構(gòu)和表現(xiàn)分離赘娄，可以使樣式表在不同的頁面中使用
最大限度地使樣式可以進(jìn)行復(fù)用，將樣式統(tǒng)一寫在樣式表中宏蛉，然后通過link標(biāo)簽引入
可以利用瀏覽器的緩存遣臼，加快用戶訪問的速度，提高了用戶體驗(yàn)
所以在開發(fā)中我們最推薦使用的方式就是外部的CSS文件
可以將CSS樣式編寫到元素的style屬性當(dāng)中拾并，這種樣式稱為內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式只對(duì)當(dāng)前的元素中的內(nèi)容起作用揍堰，內(nèi)聯(lián)樣式不方便復(fù)用
內(nèi)聯(lián)樣式屬于結(jié)構(gòu)與表現(xiàn)耦合，不方便后期的維護(hù)嗅义，不推薦使用的
CSS的注釋个榕，作用和HTML注釋類似，只不過它必須編寫在style標(biāo)簽中芥喇，或者是CSS文件中
CSS的語法：
選擇器 聲明塊
選擇器：
- 通過選擇器可以選中頁面中指定的元素西采，并且將聲明塊中的樣式應(yīng)用到選擇器對(duì)應(yīng)的元素上
聲明塊：
- 聲明塊緊跟在選擇器的后邊，使用一對(duì){}括起來
- 聲明塊中實(shí)際上就是一組一組的名值對(duì)結(jié)構(gòu)
- 這一組一組的名值對(duì)我們稱為聲明
- 在一個(gè)聲明塊中可以寫多個(gè)聲明继控，多個(gè)聲明之間使用;隔開
- 聲明的樣式名和樣式值之間使用:來連接
開發(fā)工具：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>開發(fā)工具</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
/*
h1{
color:purple;
}
*/
</style>
</head>
<body>
<h1>這是一個(gè)非常漂亮的網(wǎng)頁</h1>
<h2>你看我出不出來</h2>
5
<h2>你看我出不出來</h2>
<p>段落</p>
<h2>你看我出不出來</h2>
</body>
</html>
常用的選擇器：
選擇器（selector）械馆，會(huì)告訴瀏覽器：網(wǎng)頁 上的哪些元素需要設(shè)置什么樣的樣式。
比如：p這個(gè)選擇器就表示選擇頁面中的所 有的p元素武通，在選擇器之后所設(shè)置的樣式會(huì) 應(yīng)用到所有的p元素上霹崎。
元素選擇器：
元素選擇器（標(biāo)簽選擇器），可以根據(jù)標(biāo) 簽的名字來從頁面中選取指定的元素冶忱。
語法：
標(biāo)簽名 { }
比如p則會(huì)選中頁面中的所有p標(biāo)簽尾菇，h1會(huì) 選中頁面中的所有h1標(biāo)簽。
類選擇器：
類選擇器，可以根據(jù)元素的class屬性值選 取元素派诬。
語法：
.className { }
比如.hello會(huì)選中頁面所有class屬性為
hello的元素劳淆。
ID選擇器：
ID選擇器，可以根據(jù)元素的id屬性值選取 元素默赂。
語法：
#id { }
比如#box會(huì)選中頁面中id屬性值為box的 元素沛鸵，和class屬性不同，id屬性是不能重 復(fù)的缆八。
復(fù)合選擇器（交集選擇器）
復(fù)合選擇器曲掰，可以同時(shí)使用多個(gè)選擇器， 這樣可以選擇同時(shí)滿足多個(gè)選擇器的元素奈辰。
語法：
– 選擇器1選擇器2{}
例如div.box1會(huì)選中頁面中具有box1這個(gè)
class的div元素栏妖。
群組選擇器（并集選擇器）
群組選擇器，可以同時(shí)使用多個(gè)選擇器奖恰， 多個(gè)選擇器將被同時(shí)應(yīng)用指定的樣式底哥。
語法：
選擇器1,選擇器2,選擇器3 { }
比如p,.hello,#box會(huì)同時(shí)選中頁面中p元素，
class為hello的元素房官，id為box的元素趾徽。
通用選擇器
通用選擇器，可以同時(shí)選中頁面中的所有 元素翰守。
語法：
*{ }
