CSS样式表中的长度单位是非常重要的，这直接影响到我们给页面设置样式时的效果。常见的长度单位有像px、em、rem和百分比等。
p{
font-size: 16px;
margin: 20px 0;
padding: 10px;
background-color: #f4f4f4;
}
px - 像素
像素是web设计中最常用的单位。像素值指定了元素的精确大小，一个像素被定义为屏幕上相邻两个物理点（像素点）之间的距离，像素单位通常被视为绝对单位。举个例子，一张宽200px高200px的图片就是200个像素宽，200个像素高。
em - 相对长度单位
网页设计中经常使用相对长度单位，这些单位以当前字体大小为基础来计算，em（符合字母“m”的宽度）是其中最常见的一种。比如说，如果我们给body元素设置font-size: 16px，那么1em就等于16px。如果我们想让某一元素的字体大小为body元素的两倍，可以使用2em来设置字体大小。
rem - 相对根元素长度单位
rem（root em，根em）与em很类似，但是它是相对于根元素的字体大小来计算的。根元素通常是元素。这意味着只要根元素的字体大小不变，rem就是全局可用的相对长度单位。比如说，如果我们给根元素设置font-size: 16px，那么1rem就等于16px。如果我们想要设置一个元素的宽度为根元素的三倍，可以使用3rem作为它的宽度值。
百分比 - 相对长度单位
百分比是相对于包含块元素计算的长度单位。比如说，如果一个元素被包含在一个宽度为960px的
中，那么设置宽度为50%将使它的宽度为480px。百分比也可以被用于相对于父元素的其他属性，比如字体大小、行高等。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
