前端进阶

• 长度单位
• 颜色单位

长度单位

• 像素

  我们先来看下某度上关于像素（pixel,缩写 px）的介绍
  
  像素是指由图像的小方格组成的，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。
  可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素，它是以一个单一颜色的小格存在 [1] 。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的大小。
  
  也就是说，显示器屏幕实际上是由一个一个的小点（单位色块，即像素）构成的
  

  • 分辨率 = 水平方向像素 * 垂直方向像素
    • 屏幕分辨率

• 百分比

  也可以将属性值设置为相对于其父元素属性的百分比
  
  好处
      可以使子元素跟随父元素（暂且先理解成父元素，后面会详细说）的改变而改变
  

• em

  em 是相对于元素的字体大小来计算的，1em = <self>.font-size，也就说 em 值会根据元素本身的字体大小的改变而改变
  

• rem

  rem 是相对于根元素的字体大小来计算，1em = <root>.font-size，也就说 em 值会根据根元素的字体大小的改变而改变
  

颜色单位

标签：em,字体大小,进阶,前端,元素,像素,单位,图像
来源： https://www.cnblogs.com/AlearnMeta/p/16597082.html