首页 > 代码库 > css中font系列常见内容

css中font系列常见内容

font   

  可以一次性定义以下五种属性的值,常见的是前四种。不用所有的都写上,有什么些什么,没有的不写,各个属性值之间用空格。

  说实话,如果能够单独写就单独写,真不知道这样写有什么样的好处,还麻烦

  注意:书写的顺序

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

 

  另外还有一些别的属性值:主要是应用在一些特殊的应用场景的制定字体,比如下拉列表、按钮、对话框、图标标记、窗口状态栏等等

    

caption定义被标题控件(比如按钮、下拉列表等)使用的字体。
icon定义被图标标记使用的字体。
menu定义被下拉列表使用的字体。
message-box定义被对话框使用的字体。
small-captioncaption 字体的小型版本。
status-bar定义被窗口状态栏使用的字体。

font-family

  定义字体系列,可以有多个值,每个值之间用逗号表示。如果某个值(就是某种字体系列)有多个单词,则这个值要用单引号或者双引号标记

  如:p { font-family:"Times New Roman",Georgia,Serif; };

font-style

  定义字体系列:normal   itallic  oblique

  italic 跟  oblique显示的都是斜体,但是italic是将字的各个部分都发生微妙变化实现,oblique是通过垂直倾斜实现。但是两者在浏览器中显示没有什么差别。

font-weight

  normal   bold(粗体) bolder(更粗) lighter(更细) 100~900(400等同normal,700等同bold)

  注意:bold不是font-style中的,以前老是弄混。

font-size

  字体大小,主要是px跟em单位的区分,目前em还不是分得很清,稍后更新。

font-varient

  normal   small-caps(浏览器会将单词用小型的大写字母显示)