- em
一种长度单位，参照当前元素（自己）字号，若未设置则参照父容器或者当前浏览器默认字号
<style>
.box{
width:10em;
height:10em;
font-size:12px;
}
<style>
- rem(重要) 用rem布局 就不再用px了
是css3新增的一种长度单位===它是参照根元素（html）的字号
<style>
.box{
width:10rem;
height:10rem;
font-size:12px;
}
<style>
直接使用less文件在html内，
要引入less.js才可以解析less文件
image.png
