css 各单位距离比较

31次阅读

共计 370 个字符,预计需要花费 1 分钟才能阅读完成。

一、单位
1. em
若自身没有设置字体大小,依据父元素,若设置则计算为 font-size*em
2. rem
html {font-size: 10px;}
body{font-size: 1rem;} //font-size: 10px;
* 不仅仅是 font-size,margin,padding 等都可用
html{font-size: 62.5%;} //font-size: 10px; 10/16100%
二、距离
1. margin
百分比:按照父元素的宽度计算
css 2.0 规范对 margin 重叠有如下的描述:
1. 水平边距永远不会重合
2. 垂直边距可能在特定的框之间重合

参考链接:https://www.cnblogs.com/mengfangui/archive/2017/06/27/7085886.html

正文完
 0