一、CSS引入方式有三種:行間樣式、內部樣式、外部樣式
1.行間樣式的優缺點:(1)優點:不會額外的產生請求
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點:容易產生重復的代碼,造成文檔體積變大;不利于維護;不符合結構與樣式分離的規范;
所以,綜上所述:不建議使用行間樣式
2.CSS內部樣式:在html文檔中開辟一個書寫CSS語句的區域
? 內部樣式的優缺點:(1)優點:不會產生額外的請求;初步實現結構與樣式分離;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (2)缺點:代碼復用不方便;適合單頁面網站應用;
3.CSS外部樣式的優缺點:(1)優點:利于后期維護;可以重復使用;完全實現結構與樣式的分離;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點:會產生額外的請求(但是后期我們可以借助工具磨平這個缺點)
二、CSS選擇器
基礎選擇器:
1.通配選擇器:*{} 作用于所有標簽,無論這個標簽有沒有寫,有沒有在文檔中出現
2.標簽選擇器:標簽名{} 作用于一類標簽,方式是通過標簽名稱,
? ?使用場景:重置某類標簽的默認樣式
3.群組選擇器:選擇器1,選擇器2,選擇器3,...{}
? ?使用場景:用于優化代碼,減少文檔體積
4.類選擇器:類名{}
? ?使用場景:可以應付各種場景,是我們最常用的一種選擇器。class名可以有多個,多個class名用空格隔開。主要作用于具有相同樣式的元素設置上。
注意:class命名規范:不要以數字開頭;盡量取得有意義;多個單詞建議使用"_"連接
5.后代選擇器:選擇器1 選擇器2 選擇器3 ...{}