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

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

务必了解的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. + 长度单位 =
    相对长度单位
    
    相对字体长度单位：em,ex 和css3中的 rem,ch
    
    相对视区长度单位：vh,vx,vmin,vmax
    
    绝对长度单位
    
    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
了解css世界中的“未定义行为”
1. 像浏览器规范顾及不到的细枝末节的实现，就称为“未定义行为”.