CSS知识点:font小细节

      font是用来设置网页字体属性的关键字,使用频率很是高,你们也比较熟悉。它有两种写法,一种是简写,一种分开写。浏览器

      简写--font:italic bold 12px/20px arial,sans-serif;字体

      分写--font-style:nomal;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:20px;font-family:"Times New Roman",arial,sans-serif;spa

      第一行简写中12px/20px 指的是 字体大小为12px,行高为20px(相邻行间距中线间的距离)。最后两个是两种字体,若是系统不认识第一个字体,会显示后边的字体,多字体的话依次类推(为了兼容不一样的浏览器,一般第一个放浏览器都认识的字体)。it

      font-style还有两个可选值italic oblique,看w3c 上的定义,都为”浏览器会显示一个斜体的字体样式”。貌似没有区别。其实在这些字体中有的字体自己就没有斜体,那么使用italic后也正常显示,可是使用了oblique后字体倾斜。im

      font-variant:small-caps的做用是将全部的字体设置为小型大写字母字体,另外还有两个可选值nomal,inherit。样式

相关文章
相关标签/搜索