字体

font-family#

h1,p{    font-family: '宋体';}h1,p{    font-family: 'Microsoft YaHei UI ';}

以上就是基本写法，后面跟一个字体

可以同时写多个字体用逗号隔开

一般不设置，就使用系统默认自带的自带

很简单就是大小

p{    font-size: 18px;}

一般可以直接指定body的字体大小，且不会影响h1等标题，单位一般为px，当然我们也可以使用em为单位，文字随浏览器默认改变

在不改变浏览器默认文字大小的情况下，1em=16px

如改变页面默认大小，em的值也会跟着改变

body {  font-size: 62.5%; /* font-size 1em = 10px */}p {  font-size: 1.6em; /* 1.6em = 16px */}

文字的粗细

有些字体值提供 normal,bold,bold就是加粗

normal是默认值

lighter是变细

其它还有一些具体数值，没有单位font-weight: 800;一般是100-900 每级加100，但我们一般只用上面3个属性

默认值normal

italic是文字倾斜

oblique也是倾斜，不过可以加一定的角度，不过加上角度好像也没啥用···

唯一的作用可能是动态显示，因为度数>0的时候就倾斜了，嗯

font-style: oblique 0deg;/*0<度的时候不倾斜，>0倾斜*/

就是行高，比如字体是16px,行高30px,那么上下就会都有7px的距离，

它是一个用来处理垂直对齐的方案，比如让元素的高度height=line-height,那么文字垂直居中

p{    height: 50px;    background-color: cornflowerblue;    font-size: 20px;    line-height: 50px;    /*这样设置height=line-height  ,然后文字垂直居中*/
}

line-height 还可以用em,150%,2.5等来表示

font:font-style font-weight font-size/line-height font-family

顺序不能变，没有的可以不写，

必须保留 font-size font-family