1：像素px
像素是屏幕上一个个的发光的小方点，这些小方点的颜色和位置决定了屏幕的上图片的样子
像素的单位是px
像素是屏幕的尺寸一样的情况下，分辨率越高像素点越多，每个像素的尺寸越小，分辨率低像素越少，相同的像素值在不同的设备上表现出来的尺寸会不同
2、百分比
子元素的属性值是相对于父元素的属性值计算
优点：子元素会随着父元素的改变而改变
3：em
相当于当前元素字体大小计算的
1em=1font-sizi
元素随着当前元素字体大小的变化而变化
font-sizi设置字体矿的大小，从而设置了字体的大小
4：rem 多用于移动端
rem相对于根元素的字体大小的变化而变化
元素随着html标签的字体大小变化而变化
font字体的属性
1：font-family
设置字体系列
推荐用户的字体系列
可以指定多个字体，然后浏览器会在用户的电脑中查询，先找第一个有就用，没有继续找，最后一个是保底的
多个字体直接使用用逗号隔开，如果字体是有多个单词组成的单词之间用空格隔开，并且要加引号
尽量推荐使用默认字体
@font-face问题：版权问题，加载时间问题
2：font-sizi
设置字体框的大小，从而设置了字体的大小
单位10px rem，em
浏览器是有默认的字体大小的，谷歌浏览器是16排序，最小font-sizi
一般要指定字体大小
3：font-style
设置字体的风格
取值normal正常，不倾斜，
italic倾斜
4：font-weight字重字体的粗细
取值：normal正常 不加粗400
bold加粗
bolder特粗
lighter细体
5：font
简写属性（复合属性）
与字体相关的属性都可以通过font属性来设置
font：font-style font-weight font-size/line-height font-family；
font-size font-family这两个属性是不能省略的，并且得是同时存在的
font-style font-weight line-height 这几个属性是可以省略不写的，但是不写不代表没有设置，因为他们会采用默认值
ine-height
行高，是通过设置文本的行高来控制文字行与行之间的间距 行高是文字在页面中所实际所占的高度
行高的组成=字体实际高度+上下间距；上下间距会频分：行高-字体大小的剩余空间，上下间距是一样的
行高是有默认值的，字体大小的1.333倍默认值是nomal取值：px rem em带单位的
2不带单位的数值是指相对字体的倍数
常用的方式：设置单行的文本在元素内垂直居中
将行高设置为何元素的高度一样，文字会垂直居中，如果行高比元素高度小，文字会靠上，相反。
