第二章 需提早了解的術語和概念

第二章 需提早了解的術語和概念

1. 務必瞭解的CSS世界的專業術語如

   .vocabulary{
       height:99px;
       color:transparent;
   }

   1. 屬性： 如上 height , color
   2. 值
      1. 整數值：z-index:1 中的1，屬於 ,也是
      2. 數值: line-height:1.5 中的1.5,屬於
      3. 百分比值:padding:50%中的50%。屬於
      4. 長度值:99px
      5. 顏色值: #999
      6. 字符串值，位置值，
      7. 在CSS3中，角度值，頻率值，時間值等類型
   3. 關鍵字：
      1. 如 transprent,solid,inherit...
      2. 其中inherit也稱做泛關鍵字，CSS全部的屬性均可以使用他
   4. 變量
      1. CSS3中的currentColor
   5. 長度單位
      1. 時間單位:s,ms
      2. 角度單位: deg,rad...
      3. 2%;是一個完整的值，不是長度單位
      4. + 長度單位 =
         1. 相對長度單位
            1. 相對字體長度單位：em,ex 和CSS3中的 rem,ch
            2. 相對視區長度單位：vh,vx,vmin,vmax
         2. 絕對長度單位
            1. px, pt, cm , mm, pc 等
   6. 功能符
      1. rgba(0,0,0,0.5), url('css-world.png'),attr('href'),scale(-1)
   7. 屬性值：冒號後面的都是屬性值
      1. 如 1px solid rgb(0,0,0) 值+關鍵字+功能符
      2. z-index:1 中的1也是值
   8. 聲明：屬性名加上屬性值就是聲明
      1. color:transparent;
   9. 聲明塊:就是{} 包裹的一系列聲明
      1. 如上面的代碼
   10. 規則集或規則：出現了選擇器，後面還有聲明塊。
       1. 如上面所有的代碼
   11. 選擇器： 如上的.vocabulary
       1. 類選擇器：.vocabulary
       2. ID選擇器: #id
       3. 屬性選擇器
          1. [sttribute]
          2. [attribute=value]
          3. [sttribute~=value] 用於選取屬性中包含指定詞彙的元素
          4. [attribute|=value] 用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞.
          5. [attribute^=value] 匹配屬性值以指定值開頭的每一個元素。
          6. [sttribute$=value] 匹配屬性值以指定值結尾的每一個元素。
          7. [attribute*= value] 匹配屬性值中包含指定值的每一個元素。
       4. 僞類選擇器: 如 :first-child, last-child
       5. 僞元素選擇器： ::first-line , ::first-letter , ::before , ::after
   12. 關係選擇器
       1. 後代選擇器； 以空格鏈接
       2. 相鄰後代選擇器： 只選擇兒子元素 >
       3. 兄弟選擇器：選擇當前嚴肅相鄰的那個合會規則的兄弟元素 ~
       4. 相鄰兄弟選擇器: 僅僅選擇當前元素相鄰的那個合會規則的兄弟元素 +
   13. @規則
       1. @media
       2. @font-face
       3. @page
       4. @support

2. 瞭解CSS世界中的「未定義行爲」

   1. 像瀏覽器規範顧及不到的細枝末節的實現，就稱爲「未定義行爲」.