Css单位中px、em和rem的区别?

html-css011

Css单位中px、em和rem的区别?,第1张

px 是像素(Pixel),这个好理解吧?

em 是指当前元素所使用的字体中大写字母M的宽度。为什么要单独用M的宽度来表示呢?因为英文字体中有些是不等宽的字体,其中i的宽度最小,W的宽度最大,所以用M的宽度来做个代表,不过中文字体都是等宽的,没有这方面的麻烦。我们可以简单地把em理解为字体的大小,比如说当前元素的字体大小(font-size)是16px,那么1em=16px,1.5em=24px,依此类推。

rem与em类似,只不过它是以根元素(html)的字体大小作为基本单位的。

em和rem主要用于页面的弹性布局

em: 如果你说的是标签, 表示强调文本内容, 通常以斜体表示(目前一般不建议使用, 建议用css样式实现), 如果是长度单位, 它是一个相对单位, 表示相对于当前元素内文本高度的比例

strong: 表示重要文本, 通常用加粗的样式(目前一般不建议使用, 建议用css样式实现)

ul: Unordered List, 无序列表, 还有一个对应的ol(ordered list, 就是有序列表)