一. 绝对单位与相对单位
- px 像素 ：
- css像素： 1px相当于屏幕分辨率的1px
- 物理像素 ： 像素比=物理像素/css像素
小结：
1. 像素比简写dpr
2. window上的方法：var dpr = window.devicePixelRatio
- rpx : 微信小程序上的单位， iphone6中 ,1px = 2rpx
- rem : 参照浏览器的font-size
- em : 参照本身或父元素的font-size
- vw : 参照手机浏览器视口的比例，其根据的是视口宽度，会把视口分成100份，例：50vw 在width = 500px 的是视口中，就显示250px
- vh : 参照手机浏览器视口的比例，其根据的是视口高度
- vmax： 取视口宽高中最小的一个值，分成100份
- vmin：取视口宽高中最小的一个，分成100份
二. 行高的取值
- 无单位的数字 line-height : 2 行高为字体大小的2倍
- em单位 ： line-height : 2em 行高为字体大小的2倍
- 百分比 ： 200% = 2em
重要知识点：
line-height : 2 是先继承在计算其像素值，可用于多行文本的行高设置
line-height : 2em 是先计算其像素值，在继承
三.随心记
- 强制继承：
- property: inherit
- inherit 关键字指定一个属性应从父元素继承它的值。
- inherit 关键字可用于任何 HTML 元素上的任何 CSS 属性。
