font-size(字体大小):

                              0(无)12px(最小) 16px(默认)

                              em(父级字体,就近原则)

                              rem(html字体大小,html的默认值也是16px)

                              一般给body设置12px,因为body会把标签元素当成字体,如果字体过大会出现间隙,故设置为最小字体12px,body{font-sze:12px}

                              em如果没被用在font-size上,则为当前元素内字体大小,eg:div{width:10em;font-size:10px} 10em为100px

font-family(字体样式):多值,多的值用作备用字体

                            谷歌默认:微软雅黑

                            ie默认:宋体

                            serif:衬线字体,末端加粗

                            sans-serif:非衬线字体,粗细均匀,更黑,更圆滑,常用作备用字体

                            eg:div{font-family:"微软雅黑“,sans-serif ;}                                (中文加引号)

                            引用外部字体: @font-face{

                     font-family:”繁体“(字体名);

                                                                         src:url(" ");             (引用字体路径)

                                                                        }        

                                                     div{font-family:"繁体"}        

font-weight(字体粗细)

                           bold(加粗)   ,替代b标签的使用

                           normal(正常),用作清除字体本身默认的特殊样式

font-style(字体样式)

                         normal(正常),用作清除字体本身默认的特殊样式,比如清除i标签的倾斜字体

                         italic(倾斜字体)

                         oblique(使字体倾斜,当某字体没设置倾斜字体时使用)

font-variant(定义小型大写字母)

                       small-caps:(让小写字母变成大写字母,但又比大写字母小,大写字母不变)

                                                                                                                     

 

line-height(行高) ,比font-size:大。字体在line-height内垂直居中,line-height可使字体与行内元素在其范围内居中

                      只能给块级元素或者行内块元素设置line-height 用于影响行内元素

字体样式可写复合写法:要求 :字体大小放在倒数第二位,字体样式放在倒数第一位.,line-height写在font-size后,之间用/ 分开

                        eg1:font:12px/1.5em "繁体";

                        eg2:small-caps italic 12px/1.5em "繁体";