一、css的三種引入方式
1.css?行間樣式：寫在標簽肩括號里面
優點：不會額外的產生請求
缺點：
1.容易產生重復的代碼，造成文檔體積變大
2.不利于維護
3.不符合結構與樣式分離的規范
綜上所述：不建議使用行間樣式
2.CSS內部樣式：在html文檔中開辟一個書寫css語句的區域
內部樣式的優缺點以及適用情況：
1.不會產生額外的請求
2.初步實現結構與樣式的分離
3.代碼復用不方便
4.適合單頁面網站應用
3.外部引入CSS
優點：
1.利于后期維護
2.可以重復使用
3.完成實現結構與樣式的分離
缺點：
會產生額外的請求(但是后期我們會借助工具抹平這個缺點)
二.css基礎選擇器
1.基礎選擇器-通配選擇器:作用于所有標簽，無論你這個標簽有沒有寫，有沒有在文檔當中出現
基本語法結構：選擇器{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS語句；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS語句；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
在編寫網頁時，寫上以下代碼，就能把網頁內所有標簽默認的margin和padding去掉，雖然用起來很方便，但由于它要請求所有標簽，會減慢網頁加載速度，有利有弊，用之前可以先思考一下哪種最有利。
*{
margin: 0;
padding: 0;
}
2.基礎選擇器-標簽名選擇器：作用于一類標簽，方式是通過標簽名稱,使用場景：重置某類標簽樣式
實例代碼：div{
? ? ? ? ? ? ? ? ? ? ? ?width: 200px;
? ? ? ? ? ? ? ? ? ? ? ?height: 40px;
? ? ? ? ? ? ? ? ? ? ? ?background-color: black;
? ? ? ? ? ? ? ? ? }
標簽選擇器一般應用于在body里設置整個網頁基本樣式；如背景顏色：background-color，網頁整體字體大小: font-size, 字體樣式： font-family, margin: 0;等...
3.基礎選擇器-群組選擇器：選擇器1，選擇器2，...{}?
使用場景：常用于優化代碼，減少文檔體積
4.基礎選擇器-類選擇器：.類名稱{}?
使用場景：可以應付各種場景，是最常用的一種選擇器。class名可以多個，多個class名用空格隔開。主要用于具有相同樣式的
5.基礎選擇器-后代選擇器：選擇器1 選擇器2 選擇器3..{}?
樣式作用于最后一個選擇器，前面一個選擇器只是幫助我們定位
