CSS常用专业术语

  1. 属性：属性对应的是平常我们书面或交谈时对应的CSS中文称谓，例如height，color等

  2. 值：

    • 整数值
    • 数值：如line-height:1.5中的1.5
    • 百分比值
    • 长度值：例如99px
    • 颜色值：例如#99
    • 字符串值等等

  3. 关键字：如soild,inherit等

  4. 泛关键字：可以理解为公交车关键字，就是“所有CSS属性都可以使用的关键字”的意思。

  5. 变量：如CSS3中的currentColor等

  6. 长度单位：如px,em等(值 + 长度单位 = 长度)

    • 相对长度单位：

      • 相对字体长度单位
        • em:其相对于当前对象内文本的font-size（如果当前对象内文本的font-size计量单位也是em，则当前对象内文本的font-size的参考对象为父元素文本font-size）。使用em可以较好的相应设备屏幕尺寸的变化，但是在进行元素设置时都需要知道父元素文本的font-size及当前对象内文本的font-size，如有遗漏可能会导致错误.
        • ex:字符x高度的一半，一般是字体高度一半。
        • rem:使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
      • 相对视区长度单位:vh,vw,vmin,vmax等
        • 视区所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小)
        • vh:相对于视框的高度：视框高度是100vh
        • vw:相对于视框的宽度，视框宽度为100vw
        • vmin:相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
          1
          2
          3
          4
          5
          6
          h1 {
          	font-size: 8vm;
          	font-size: 8vmin;
          }
          /*
          如果视口的宽度是300mm，高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100，因为高度比宽度要小，所以计算的时候相对于高度。*/

    • 绝对长度单位：

      • px:像素
      • cm
      • mm
      • pc : 皮卡Picas (1 皮卡 = 12 点)
      • pt : 点Points (1点 = 1/72英寸)

  7. 功能符:值以函数的形式指定起来的，主要用来表示颜色(rgba和hsla),背景图片地址(url),计算(calc)等，如rfb(0,0,0,.5)、url(‘css-World.png’)等

  8. 属性值：属性冒号后面的所有内容

  9. 声明：属性名加上属性值就是声明

  10. 声明块：用花括号{}包裹的一系列声明

  11. 规则或者规则集：出现了选择器，并且后面还跟着声明块

    1
    2
    3
    4
    .vo{
        height:99px;
        color:transparent;
    }

  12. 选择器:

  13. 关系选择器

  14. @规则:指的是以@字符开始的一些规则。