在CSS中除了最基础的px单位以外，还会有许多其他常用的单位
1、绝对单位
绝对单位的显示效果不会受到外界因素的影响。绝对单位主要运用于传统平面印刷中，很少用于前端的开发
2、相对单位
在CSS中，相对单位不是固定不变的，其一般是相对其他长度而言，常用的相对单位如下表：
除了以上四种外，还有ex、vw、vh等，这些都是用于移动端开发的
（1）像素px
px指的是一张图片中最小的点，或者是计算机屏幕中最小的点
当我们将一个图片放大时，会看到图片是由许多个小方点组成的，其中，每一个小方点就是一个像素。
屏幕的分辨率不同，1px的大小也是不相同的
（2）百分比
在CSS中，支持百分比作为单位的属性有很多，可以分为三类
->width（宽）、height（高）、font-size（字体尺寸）的百分比是相对于父元素“相同属性”的值来计算的
->line-height（行高）的百分比是相对于当前元素的值来计算
->vertical-align（垂直对齐方式）的百分比是相对当前元素的值来计算
举例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=<>, initial-scale=1.0"><title>Document</title><style type="text/css">#ff{width: 300px;height: 200px;border:1px solid hotpink;font-size: 20px;}#ss{width: 25%;height: 25%;border: 1px solid paleturquoise;font-size: 25%;
