第二章 需提前了解的术语和概念

第二章 需提前了解的术语和概念

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. 像浏览器规范顾及不到的细枝末节的实现，就称为“未定义行为”.