css引入與css選擇器

一、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 ...{}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,809評論 1 92
  • 本文主要是起筆記的作用,內容來自慕課網. 認識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,664評論 0 30
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,973評論 19 139
  • 昨晚跑步過程中,突然一個女性朋友打來電話,說是在喝酒,讓我幫忙去把車給開回來。其實對于這種事情,只要有空的話,我...
    漂泊的穿閱讀 279評論 2 0
  • Why can't you stay? I can't beat it. 海邊的曼徹斯特.Manchester.b...
    wen_a閱讀 240評論 2 1