字体样式和css文本样式

设置字体属性font-!

1.设置字体属性（用内部样式写在style里）

/* 字体可以用引号包裹 也可以不加

★如果楷体也不认识，那么就用浏览器默认的字体

*/

.p1{

font-family: 宋体;

/*font-family: "楷体";*/

}

2.设置字体大小

/* px是物理像素 */

div{

font-size:12px;

}

3.em、rem和px的使用

/*网页一般的一个字符像素大小为16px*/

/* em是根据父元素的大小来显示的 */

p{

/*根据p标签的上一级父元素的font-size的大小成2倍*/

font-size:2em;

}

span{

font-size:32px;

}

由上图可知：p标签的父元素是div，而div大小定义为12px，则p标签下的2em=2*12=24px；

应用： 什么情况用em?现在用em比较少，一般是在移动端的适配各种机型（兼容各种手机屏幕大小，页面显示的更好）的时候会用，但是用的比较多的是 rem单位 

rem是根据 根元素html 的大小来的

使用rem时，根据html字符大小为16px的话，也可以自行更改

html{

        /*设置html字体大小的初始像素为14px*/

            font-size:14px;

        }

div{

        /*那么div根据rem由html的大小来算，div字符的大小为2*14=28px，如果前面没有设