长度 <length>
- 用于表示距离尺寸的 CSS 数据类型。
- 语法：
<length> 数据类型由一个 <number> 和一个长度单位构成。 - 单位：
- 相对长度单位
相对：互相对立（上与下相对，左与右相对）
绝对：只是以某个条件为依据而不管其它条件。
- 相对长度代表着以其它距离为单位的一种尺寸。这个单位可以是指定字符的大小，行高，或者是 视口(viewport)（详见学习纯CSS打造银色MacBook Air（二）笔记部分——视口(viewport)）的大小。
- 字体相对长度
- cap：
- 表示元素字体 font 的“上限高度”（cap height，大写字母的标称高度（nominal height））。
- ch
- 这一单位代表元素所用字体 font 中“0”这一字形的宽度（"0"，Unicode字符U+0030），更准确地说，是“0”这一字形的预测尺寸（advance measure）。
- 如果无法确定“ 0”字形的大小，则必须假定其宽为 0.5em，高为 1em。
- em
- 相对长度单位，这个单位表示元素的 font-size 的计算值。如果用在font-size 属性本身，它则表示元素继承的 font-size 值。
- ex
- 这个单位表示元素font的 x-height 。在含有“X”字母的字体中，它是该字体的小写字母的高度；对于很多字体来说，1ex ≈ 0.5em。
- ic
- 等于在用于渲染的字体中找到的“水”（CJK 表意文字 "水"，U + 6C34）字形的使用预先测量（used advance measure）。
- lh
- 等于使用它的元素的 line-height 属性的计算值，转换为绝对长度。
- rem
- 这个单位代表根元素的 font-size 大小（例如 <html> 元素的font-size）。当用在根元素的 font-size 上面时 ，它代表了它的初始值。
- rlh
- 等于根元素行高 line-height 的计算值。当用于设置根元素的行高 line-height 或是字体大小 font-size 时，该rlh指的是根元素行高 line-height 或字体大小 font-size 的初始值。
- 视口(Viewport)比例的长度
- 视口百分比长度定义相对于 viewport 的大小的 <length> 值，即文档的可见部分。视口长度在 @page 声明块中无效。
- vh：
- 视口的初始包含块（详见学习纯CSS打造银色MacBook Air（二）笔记部分——包含块）的高度的 1%。
- vw：
- 视口的初始包含块的宽度的 1%。
- vi：
- 等于初始包含块大小的 1%，在根元素的行内轴方向上。
- vb：
- 等于初始包含块大小的 1%，在根元素的区块轴方向上。
- vmin：
- 视口高度 vw 和宽度 vh 两者之间的最小值。
- vmax：
- 视口高度 vw 和宽度 vh 两者之间的最大值。
- **绝对长度单位：**
- px：
- 像素（pixel）。对于普通的屏幕，通常是一个设备像素（点）。
- 对于打印机和高分辨率屏幕，一个 CSS 像素往往占多个设备像素。一般来说，每英寸的像素的数量保持在 96 左右， 1px = 1in 的 96 分之一。
- cm
- 一厘米。 1cm = 96px / 2.54。
- mm
- 一毫米。 1mm = 1/10 * 1cm。
- Q：
- 四分之一毫米。1Q = 1/40 * 1cm。
- in：
- 一英寸。1in = 2.54cm = 96px。
- pc：
- 一十二点活字（pica），六分之一英寸。 1pc = 12pt = 1/6 * 1in。
- pt：
- 一磅（point），72 分之一英寸。1pt = 1/12 * 1pc = 1/72 * 1in。
626
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
