一曾撤、css的三種引入方式
1.css?行間樣式：寫在標(biāo)簽肩括號(hào)里面
優(yōu)點(diǎn)：不會(huì)額外的產(chǎn)生請(qǐng)求
缺點(diǎn)：
1.容易產(chǎn)生重復(fù)的代碼，造成文檔體積變大
2.不利于維護(hù)
3.不符合結(jié)構(gòu)與樣式分離的規(guī)范
綜上所述：不建議使用行間樣式
2.CSS內(nèi)部樣式：在html文檔中開辟一個(gè)書寫css語句的區(qū)域
內(nèi)部樣式的優(yōu)缺點(diǎn)以及適用情況：
1.不會(huì)產(chǎn)生額外的請(qǐng)求
2.初步實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離
3.代碼復(fù)用不方便
4.適合單頁面網(wǎng)站應(yīng)用
3.外部引入CSS
優(yōu)點(diǎn)：
1.利于后期維護(hù)
2.可以重復(fù)使用
3.完成實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離
缺點(diǎn)：
會(huì)產(chǎn)生額外的請(qǐng)求(但是后期我們會(huì)借助工具抹平這個(gè)缺點(diǎn))
二.css基礎(chǔ)選擇器
1.基礎(chǔ)選擇器-通配選擇器:作用于所有標(biāo)簽设褐，無論你這個(gè)標(biāo)簽有沒有寫，有沒有在文檔當(dāng)中出現(xiàn)
基本語法結(jié)構(gòu)：選擇器{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS語句泣刹；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS語句助析；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
在編寫網(wǎng)頁時(shí)，寫上以下代碼椅您，就能把網(wǎng)頁內(nèi)所有標(biāo)簽?zāi)J(rèn)的margin和padding去掉外冀，雖然用起來很方便，但由于它要請(qǐng)求所有標(biāo)簽掀泳，會(huì)減慢網(wǎng)頁加載速度雪隧，有利有弊，用之前可以先思考一下哪種最有利开伏。
*{
margin: 0;
padding: 0;
}
2.基礎(chǔ)選擇器-標(biāo)簽名選擇器：作用于一類標(biāo)簽膀跌，方式是通過標(biāo)簽名稱,使用場景：重置某類標(biāo)簽樣式
實(shí)例代碼：div{
? ? ? ? ? ? ? ? ? ? ? ?width: 200px;
? ? ? ? ? ? ? ? ? ? ? ?height: 40px;
? ? ? ? ? ? ? ? ? ? ? ?background-color: black;
? ? ? ? ? ? ? ? ? }
標(biāo)簽選擇器一般應(yīng)用于在body里設(shè)置整個(gè)網(wǎng)頁基本樣式；如背景顏色：background-color固灵，網(wǎng)頁整體字體大小: font-size, 字體樣式： font-family, margin: 0;等...
3.基礎(chǔ)選擇器-群組選擇器：選擇器1捅伤，選擇器2，...{}?
使用場景：常用于優(yōu)化代碼巫玻，減少文檔體積
4.基礎(chǔ)選擇器-類選擇器：.類名稱{}?
使用場景：可以應(yīng)付各種場景丛忆，是最常用的一種選擇器祠汇。class名可以多個(gè)，多個(gè)class名用空格隔開熄诡。主要用于具有相同樣式的
5.基礎(chǔ)選擇器-后代選擇器：選擇器1 選擇器2 選擇器3..{}?
樣式作用于最后一個(gè)選擇器可很，前面一個(gè)選擇器只是幫助我們定位
