欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-02 12:41:24
第二章 需提前了解的术语和概念 1. 务必了解的CSS世界的专业术语如 1. 属性: 如上 height , color 2. 值 1. 整数值:z index:1 中的1,属于,也是 2. 数值: line height:1.5 中的1.5,属于 3. 百分比值:padding:50%中的50%。 ......

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

  1. 务必了解的css世界的专业术语如

    .vocabulary{
        height:99px;
        color:transparent;
    }
    1. 属性: 如上 height , color
      1. 整数值:z-index:1 中的1,属于,也是
      2. 数值: line-height:1.5 中的1.5,属于
      3. 百分比值:padding:50%中的50%。属于
      4. 长度值:99px
      5. 颜色值: #999
      6. 字符串值,位置值,
      7. 在css3中,角度值,频率值,时间值等类型
    2. 关键字:
      1. 如 transprent,solid,inherit...
      2. 其中inherit也称作泛关键字,css所有的属性都可以使用他
    3. 变量
      1. css3中的currentcolor
    4. 长度单位
      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 等
    5. 功能符
      1. rgba(0,0,0,0.5), url('css-world.png'),attr('href'),scale(-1)
    6. 属性值:冒号后面的都是属性值
      1. 如 1px solid rgb(0,0,0) 值+关键字+功能符
      2. z-index:1 中的1也是值
    7. 声明:属性名加上属性值就是声明
      1. color:transparent;
    8. 声明块:就是{} 包裹的一系列声明
      1. 如上面的代码
    9. 规则集或规则:出现了选择器,后面还有声明块。
      1. 如上面全部的代码
    10. 选择器: 如上的.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
    11. 关系选择器
      1. 后代选择器; 以空格连接
      2. 相邻后代选择器: 只选择儿子元素 >
      3. 兄弟选择器:选择当前严肃相邻的那个合会规则的兄弟元素 ~
      4. 相邻兄弟选择器: 仅仅选择当前元素相邻的那个合会规则的兄弟元素 +
    12. @规则
      1. @media
      2. @font-face
      3. @page
      4. @support
  2. 了解css世界中的“未定义行为”

    1. 像浏览器规范顾及不到的细枝末节的实现,就称为“未定义行为”.