font-size 文字大小
font-size:<length>|<percentage>|<absolute-size>|<relative-size>
父元素 文字大星缶А：font-size:12px;
? ? 子元素 文字大醒娴瘛：font-size:16px;
? ? 子元素 文字大小：font-size:2em;? 24px參照父元素
? ? 子元素 文字大蟹夹印：font-size:200%; 24px參照父元素
font-family 字體
font-family:[<family-name>|<generic-family>]#
<generic-family>=self|sans-self|cursive|fantasy|monospace (襯線體|非襯線體|草書|幻想體|等寬字體)是一類字體淀散，是由瀏覽器指定的
字體系列：font-family:arial;只設(shè)置了英文字體，中文字體為默認(rèn)字體
??? 字體系列：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
字體粗細(xì)：font-weight:normal;
字體粗細(xì)：font-weight:bold;
font-style
font-style:normal|italic(字體本身的斜體)|oblique(傾斜)
字體風(fēng)格：font-style:normal;
字體風(fēng)格：font-style:italic;
line-height
line-height:normal(1.1-1.2/1.14)|<number>|<length>|<percentage>
行高：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:[[<font-style>||<font-variant>||<font-weight>||<font-stretch>]?<font-size>[/<line-height>]?<font-family>]|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;全透明
