字体

font-size 文字大小

font-size:|||

父元素 文字大小：font-size:12px;

    子元素 文字大小：font-size:16px;

    子元素 文字大小：font-size:2em;  24px参照父元素

    子元素 文字大小：font-size:200%; 24px参照父元素

font-family 字体

font-family:[|]#

=self|sans-self|cursive|fantasy|monospace (衬线体|非衬线体|草书|幻想体|等宽字体)是一类字体，是由浏览器指定的

字体系列：font-family:arial;只设置了英文字体，中文字体为默认字体

    字体系列：font-family:arial,Verdana,sans-serif;

    字体系列：font-family:Verdana,"microsoft yahei";(英文字体，中文字体)

    字体系列：font-family:"宋体"，serif;(英文中文都是宋体，后面的不起作用)

font-weight 加粗字体

font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

字体粗细：font-weight:normal;

字体粗细：font-weight:bold;

font-style

font-style:normal|italic(字体本身的斜体)|oblique(倾斜)

字体风格：font-style:normal;

字体风格：font-style:italic;

line-height

line-height:normal(1.1-1.2/1.14)|||

行高：line-height:40px;

    行高：line-height:3em;

    行高：line-height:300%;先计算再继承

    行高：line-height:3;line-height为number时为直接继承

font

text{

    font-size:12px;

    font-family:arial;

    font-weight:bold;

    font-style:italic;

   line-height:20px;

}

font:[[||||||]?[/]?]|caption|icon|menu|message-box|small-caption|status-bar

缩写：font:30px/2 "Consolas",monospace;

   缩写：font:italic bold 20px/1.5 arial,serif;

   缩写：font:20px arial,serif;

   缩写：font:100px;错误

color

color:red;

color:#ff0000;

color:rgb(255,0,0);

color:rgba(255,0,0,0.5);

color:rgba(0,0,0,0);全透明

color:transparent;全透明