「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」
相对尺寸和绝对尺寸
网页设计中常见的长度单位就是px和em，它们两个的区别是什么呢？
px其实就是像素点的数量，几px就是几个像素点的长度，它是一个绝对尺寸，那什么是绝对尺寸呢？
比如说，我们现在创建一个div盒子模型，我们设置了宽度，高度，内外间距等，在这些属性中我们都用px作为单位，那假如我要把这个盒子放大两倍，要怎么做呢？我们就必须把我们使用到px的属性都修改为原来的两倍，有几处改几处。一两处还好，如果很多处的话，就会比较麻烦。
那怎么办？ 用相对尺寸，em就是一个相对尺寸，它就是只需要先确定一个基准值，然后其他属性都以这个基准值来计算大小，需要修改时，只需要改变一下基准值，其他尺寸就都按比例自动修改了。
em是指相对于font-size的大小，比如一个元素有属性font-size：10px，那么1em就等于10px，2em就等于20px，当一个容器中所有的子元素都使用em为单位的话，那么在调整容器大小的时候只需要修改font-size的值即可。
比如说，把一个容器放大1.5倍，只需要把font-size：10px，改为font-size：15px 即可。
通过HSL值大致判断颜色
HSL是用色相、饱和度和亮度调配出来的颜色。
- 色相就是上图的圆环，按照彩虹的顺序，从0º开始排列。
- 饱和度就是纯色和灰色混合之后，纯色的占比，取值范围是0%到100%，0%表示全灰，100%表示未混入任何灰色的纯度。
- 亮度的取值范围与饱和度相同，0%到100%表示从暗到明的程度，0%表示全黑，50%表示纯色，100%表示全白。 比如hsl（203，92%，75%），它的色相为203º，就在青色和蓝色之间，饱和度92%表示混入了一点灰色，就没有纯色那么鲜艳，亮度75%表示比纯色亮一点，也就是颜色浅一点，那这个颜色大致就是浅天蓝色。
