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 "繁体";