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

2019-12-11 16:01:16来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

原文链接:https://www.cnblogs.com/lurk-fish/p/12024447.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:小程序填坑——bindconfirm事件

下一篇:CSS入门(背景各种属性的详解、垂直居中和过渡效果的详解、渐变