css的长度单位详解
CSS 的长度单位可以分为两类：相对长度和绝对长度。
- 绝对长度单位：
cm：厘米mm：毫米in：英寸 (1in = 2.54cm)px：像素 (1px = 1/96th of 1in)pt：点 (1pt = 1/72 of 1in)pc：皮克 (1pc = 12 pt)
- 相对长度单位：
em：相对于当前元素的字体大小rem：相对于根元素 (html) 的字体大小%：百分比，相对于父元素的字体大小或者其他属性
示例代码：
div {
width: 100px; /* 绝对单位 */
height: 2cm; /* 绝对单位 */
font-size: 1em; /* 相对单位 */
padding: 1%; /* 相对单位 */
}在实际应用中，选择哪种单位取决于你的设计需求。绝对长度单位保证了在不同媒体上的一致性，而相对长度单位则提供了可伸缩性和灵活性。
评论已关闭