CSS知识点:font小细节
2014-10-26 21:40
162 查看
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;
第一行简写中12px/20px 指的是 字体大小为12px,行高为20px(相邻行间距中线间的距离)。最后两个是两种字体,如果系统不认识第一个字体,会显示后边的字体,多字体的话依次类推(为了兼容不同的浏览器,通常第一个放浏览器都认识的字体)。
font-style还有两个可选值italic oblique,看w3c 上的定义,都为”浏览器会显示一个斜体的字体样式”。貌似没有区别。其实在这些字体中有的字体本身就没有斜体,那么使用italic后也正常显示,但是使用了oblique后字体倾斜。
font-variant:small-caps的作用是将所有的字体设置为小型大写字母字体,另外还有两个可选值nomal,inherit。
简写--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;
第一行简写中12px/20px 指的是 字体大小为12px,行高为20px(相邻行间距中线间的距离)。最后两个是两种字体,如果系统不认识第一个字体,会显示后边的字体,多字体的话依次类推(为了兼容不同的浏览器,通常第一个放浏览器都认识的字体)。
font-style还有两个可选值italic oblique,看w3c 上的定义,都为”浏览器会显示一个斜体的字体样式”。貌似没有区别。其实在这些字体中有的字体本身就没有斜体,那么使用italic后也正常显示,但是使用了oblique后字体倾斜。
font-variant:small-caps的作用是将所有的字体设置为小型大写字母字体,另外还有两个可选值nomal,inherit。
相关文章推荐
- CSS中Font的一些基本知识点归纳总结
- javascript,css,jquety知识点
- CSS基础知识梳理-font字体
- 网页设计之CSS @font-face应用网页字体自定义
- word中字体大小(pt)和网页中css设置font-size时用的px大小对应关系
- 【小细节】利用基础HTML和CSS实现企业最常见的布局
- CSS知识点个人总结(不断更新)
- css中font-size的单位有px、em、pt
- 【c++ 一些比较细节的知识点】函数指针
- css-font
- 前端CSS-font属性,超链接的美化,css精灵,background综合属性
- 前端知识点之CSS(二)
- css画企鹅,知识点
- css 的小细节,小总结
- CSS margin 边界叠加知识点
- css中要注意的几处细节
- CSS知识点整理
- CSS,font-family,好看常用的中文字体
- H5 手机页面字体显示大小与css设置不一致,viewport影响font-size问题
- css-font属性