三、绝对长度单位
绝对长度单位相对于彼此固定。它们高度依赖于输出介质,因此在输出环境已知时主要有用。绝对单位由物理单位(的 in、cm、mm、pt、pc)和 px 单位。表中j进行属性的详细介绍。
单位描述in英寸 - 1 英寸等于 2.54 厘米。cm厘米。mm毫米。ptpoints - 在 CSS 中,一个点定义为 1?72 英寸(0.353mm)。pcpicas - 1pc 等于 12pt。px像素单位 - 1px 等于 0.75pt。
绝对物理单位,例如 in、cm、mm 等应被用于打印介质和类似的高分辨率的设备。然而,对于桌面和低分辨率设备等屏幕显示,建议使用像素或 em 单位。
例:
h1 { margin: 0.5in; } inches
h2 { line-height: 3cm; } centimeters
h3 { word-spacing: 4mm; } millimeters
h4 { font-size: 12pt; } points
h5 { font-size: 1pc; } picas
h6 { font-size: 12px; } picas
提示: 使用相对单位(如 em 或百分比 %)的样式表可以更轻松地从一个输出环境扩展到另一个输出环境。
四、总结
本文主要介绍了css单位的运用,通过两个方面展开,相对长度单位,绝对长度单位,在项目中需要注意的点,需要注意的事项,都进行了详细的讲解和提供了对应的解决方案。代码很简单,希望可以帮助你学习。