本文详细介绍了CSS中的各种长度单位，包括相对单位如em、ch、rem、vw、vh、vmax、vmin和绝对单位如cm、mm。同时，深入探讨了calc()函数的用法，该函数允许开发者动态计算长度值，支持加减乘除运算。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
1.em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸（假定当前默认字体尺寸是14px，n em即为14px字体尺寸的n倍）
2.ch:数字’0’的宽度
3.rem:相对长度单位，相当于根元素（即html元素）font-size计算值的倍数
4.vm:相当于视口的宽度，视口被均分为100单位的vm
5.vh:相对于视口的高度，视口被均分为100单位的vh
6.vmax:相对于视口的宽度和高度较大的那个，其中最大的那个被均分为100单位的vmax
7.vmin:相对于视口的宽度和高度中较小的那个。其中最小的那个被均分为100单位的vmin
8.cm:厘米，绝对长度单位
9.mm:毫米，绝对长度单位
css函数
calc()函数用于动态计算长度值
注：运算符前后都需要保留一个空格，例如 width:calc(100% - 100px);
任何长度值都可以使用calc()函数进行计算
calc()函数支持’+’,’-’,’*’,’/'运算
calc()函数使用标准的数学运算优先级规则
未完待续
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
