AitSchool

单位

以下是 CSS 中的单位总结。在开发过程中，使用较多的长度单位有 px、em、rem，颜色单位为 Hex 、RGA&RGBA。

长度单位

  • 绝对单位
    • px : 像素
    • in : 英寸
    • 英寸 cm : 厘米
    • 厘米 mm : 毫米
    • 毫米 pt : 磅（ 1 pt 等于 1/72 英寸 ）
    • 英寸 pc : 1pc 等于 12pt
  • 相对单位
    • em : 相对于该元素的一个 font-size
    • rem : 相对于 html 元素的 font-size
    • vh : 浏览器窗口高度的 1%
    • vw : 浏览器窗口宽度的 1%
    • vmin : vh 和 vw 中较小者
    • vmax : vh 和 vw 中较大者

颜色单位

  • 关键字
  • Hex （#35b558)
  • RGB & RGBA
    • R：红色值。正整数(0~255) | 百分数
    • G：绿色值。正整数(0~255) | 百分数
    • B：蓝色值。正整数(0~255) | 百分数
    • A：透明度。取值0~1之间。
  • HSL & HSLA （ 使用 Hue、Saturation、Lightness 三个数字来表示颜色 ）
    • Hue 色相 是彩色的基本属性，就是平常说的颜色名称，如红色、黄色。取值范围 0 ～ 360
    • Saturation 饱和度 指彩色的纯度，越高色彩越纯，低则变灰。取值范围 0 ～ 100%
    • Lightness 亮度 越高颜色越亮。取值范围 0 ～ 100
    • Alpha 透明度

    例如：hsl(0,50%,50%)、hsla(120,50%,50%,0.5)

← 选择器 →