常用长度单位

不常用的单位可移步参考资料中查看

绝对长度单位

• px：像素

• in：英寸（1 in = 96 px）

  相对长度单位

• em：相当于自身 font-size 的倍数（使用级联方式计算尺寸）

  font-size:20px;
  width:3em;
  /* 那么宽度显示为 60px */

• rem：相对于根元素字体大小（即元素）的em

• vw：相对于视窗的宽度的百分数，1vw = 视窗宽度的1%

• vh：相对于视窗高度的百分数，1vh = 视窗高度的1%

  其他

• 整数

• 百分数

  参考文章： CSS/CSS3 长度、时间、频率、角度单位大全 - 张鑫旭

常用颜色单位

十六进制RGB

• FF6600 或者 #F60 (淘宝色,;数值重复时的简写)

  RGBA 颜色

• rgb （0，0，255）

• rgba （0，0，255，0.5）

  • r : red
  • g : green
  • b : bule
  • a : 阿尔法通道 , 意思是是否透明
    • 1 完全不透
    • 0 全透明
    • 0.5 半透明

      hsl 颜色 （色相、饱和度、亮度）

• hsl（360，100%，100%）

  • 360是度数
• 同样可以接受阿尔法通道 hsla