css世界第二章

长度单位

css里面有值的概念，值可以为整数，数值，颜色值（十六进制），百分比

同时css还有一个常用的内容，叫描述长度的概念。有时候我们使用px有时候使用%,vh这类单位。

值是一个包含了长度单位的集合，但在我看来百分比还有vh这类并不是长度单位，他们是一群基于了绝对长度单位又进行了一次定义（或者说是计算）

绝对长度单位:px,css作者说就这个实用性强，同时我们就把他当做描述所有相对长度单位的基础

相对长度单位:

挑出几个常用的值:

1. em,相对于font-size的值，计算方式font-sizex(em的值)，假设我们font-size的值也是一个em的话，我们又得重新计算出绝对长度单位，MDN给出的说明是在inherit值基础上进行计算也就是font-size=inheritx(em值)
2. Rem，和em差不多，rem这个单位代表根元素（通常为 元素）的 font-size 大小。当用在根元素的 font-size 上面时 ，它代表了它的初始值。
3. vh相对于初始视口的高度
4. vw 相对于初始视口的宽度

功能符

CSS引入了一些像函数一样的内容，举几个例子来说明

1.calc()
允许值做一些简单的计算（四则运算）同时还定义了一些要求

2.表示颜色的hsla,rgba

3.var() 使用自定义的变量

…