目录
一、长度单位
1:像素 px
实际上是屏幕上的一个个小点,100px,100个小点,这个点,正常情况我们是看不到,
如果我们把一个内容放大很多倍,就可以看到了,
在pc端(电脑端),一般情况下1px=1个发光点。
也是我们最常用的长度单位,它是固定单位
固定单位 ,px是屏幕上一个个的小点,目前也是最常用的一种长度单位
2:百分比 %
相对单位,它是相对于其父元素内容区(width/height)宽高 是父元素内容区的占比,
子元素的大小会随着父元素的大小变化而变化,我们管这种大小布局,叫流式布局
对应的是流动式布局
3、em
相对单位,它是相对于其父元素内字体大小而设置的,也就是1em=父元素1个font-fize,
如果父元素没有字体大小,它就会继承祖先元素的字体大小,如果祖先元素没有设置,
就会继承根标签(html)的默认的字体大小,也就是16px
是以当前元素的字体大小来确定大小,如果当前元素没有大小,
会继承父元素或者祖先元素字体的大小。