CSS单位
1.px:像素。
特点:比较稳定和精确
2.em:根据基准来缩放字体大小(相对值)
参考大小:1)父元素参考body(浏览器默认字体大小)
2)子元素参考父元素
em的值不是固定的会继承父元素的字体大小
在浏览器默认的字体中:1em=16px;
使用em的步骤:
(1) 给body标签价font-size:62.5%;
(2) 将原来的px除以10,然后换上em作为单位。
em与px之间的换算:1em=16px;10px=0.625em;12px=0.75em;
12px=0.75em=9pt;
4. rem: 参考的是根元素 (HTML元素)
rem :(root em)
5.pt:点
6..百分比:如果父元素不设置宽度,父元素的宽度与浏览器的宽度一样。
我是段落
我是span标签 我是内容 16*1
父元素 16*2
子元素 16*2*3