本文介绍了CSS中像素单位px、相对单位em和rem的区别与使用。px是固定像素单位，而em和rem是相对长度单位。em基于当前元素的字体大小，rem则相对于html根元素。通过示例展示了当元素字体大小改变时，em如何影响内边距，以及rem始终相对于html的特性。文章适合前端开发者深入理解布局单位。
1.px是像素单位，可以用来设置屏幕宽高 。
2.em 和 rem都是相对长度单位，不同的是em是相对于当前元素设置的字体大小而言的，rem是相对于根标签而言的，也就是相对于html标签。
下面举个例子：
em 和rem 可以对width height margin padding等其他属性设置
先来看em, ,下面我用padding这个属性来说明,大家可以试试其他的属性
2.1当前元素没有设置字体大小的时候
没有设置字体大小的时候默认1em=16px
2.2当前元素设置字体大小的时候
设置font-size为50px,
那么设置的内边距的1em就变成了50px
如果设置内边距padding为6em,内边距就等于6*50px=300px;
这就是em 相对于当前设置元素的字体大小的长度单位
接下来说rem
rem和em是差不多的,只是rem是相对于根元素html的相对长度单位
今天的分享就这么多了~如果有不正确的地方欢迎指出，我会再修改的~~
扫一扫
2217
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
