绝对单位 px
相对单位 rem em
浏览器默认的字体大小 16px 那么 1em = 16px
em 具有继承性 继承自直接父类 所以说在移动端很少用
rem 有一个统一的标准 它继承自html
16px == 1rem 用 rem 来表示 20 像素
可以给 html 的字体大小设置为 10px 10px == 1rem 20px == 2rem 30px == 3rem
html {
font-size:62.5%;
}
rem 能用在任何关于单位的属性上 eg width height padding margin等
rem 与 em 的区别？
1、em 具有继承性 继承自直接父类 最外层的标签继承自 body
2、rem 没有继承性 所有的标签都是继承自html
排移动端的页面是以苹果4为标准 320*480 以 320 的图为标准
box-sizing : border-box | content-box
border-box : 设置的宽度包含 border padding content
content-box : 默认值 宽度等于内容宽
@import url(**.css); 引入外部样式 效率比link高 减少一次http请求