新手小白學習css筆記

一、複習

1. 什麼是CSS？
   層疊樣式表-層疊樣式只會被覆寫而不會被取代

2. #CSS的使用方式 
   style屬性--->

    
   sytle標籤---> head標籤裡面 
   link--->

3. 基本選擇器
   html標籤選擇器透過html標籤名稱來選擇元素 
         ①所有的html標籤都可用選擇器 
      標籤藏多深都會被選中 
         ③選擇的是所有的標籤而非特定某個標籤。所以說我們透過html標籤選擇器來設定的都是一些共通性問題 
   id選擇器 
         ①的任何標籤都可以用id屬性和屬性值（因為id是全域屬性）。 id命名不能隨意的命名。大小寫敏感，id的名字中可以有數字字母底線，但要以字母開頭。
               駝峰命名法  小駝峰命名法 大駝峰命名 
                   ①任何的標籤都可以使用class屬性（class屬性也是一個全域屬性） 
         ②class屬性名可以重複使用 
         ③一個class屬性中，並有多個class屬性值。
   
   

二、綜合選擇器

---

#後代選擇器div p
#交集選擇器div.dl
並集選擇器div,p
#子元素選擇器div>p
序列選擇器ul li:first-child   ul:li:last-child
#鄰近兄弟選擇器div + p
普通兄弟選擇器div ~ p

三、繼承

---

#繼承:父元素的某些css屬性會被子元素無條件的繼承過去。關於文字的css屬性都可以進行繼承:color text-  line-font-
#層疊 
2. 層疊解決的是css衝突的問題 

   比較權重來解決層疊問題
   ！ important能夠把"單獨屬性"的權重變成無限大。盡量少用。
   
   

四、區塊級元素與行內元素

---

div 區塊級元素 

span 行內元素 

區塊元素與行內元素的區別： 1. 行內元素部不能夠設定寬度和高度。行內元素的寬度和高度是標籤內同的寬度和高度。區塊級元素可以設定寬度和高度 2. 區塊級元素會單獨佔一行。而行內元素卻無法獨佔一行，只能和其他行內元素共用一行。 3. 如果區塊級元素不設定寬度，那麼區塊級元素會自動的佔滿父元素的全部寬度。

以上是新手小白學習css筆記的詳細內容。更多資訊請關注PHP中文網其他相關文章！