css字体font

CSS 字体font属性定义文本的字体风格font-style(如斜体)、变形font-variant(如小型大写字母)、加粗font-weight、大小font-size、系列font-family。

将所有属性都写在一起:[[<font-style>||<font-variant>|| <font-weight>] ? <font-size> [/<line-height>]<font-family>] |caption | icon| menu| message-cox| small-caption| status-bar| inherit

例子:font:italic bold 12px/30px arial,sans-serif;

注意:

1.字体大小和字体系列不能缺少

2.非必须的属性可以省略,但是顺不能换

3.此属性也有第六个值:"line-height",可设置行间距。

一:字体系列font-family

声明字体系列:body {font-family: sans-serif;}

在 CSS 中,有两种不同类型的字体系列名称:

  • 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")
  • 特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier")

除了各种特定的字体系列外,CSS 定义了 5 种通用字体系列:

  • Serif 字体
  • Sans-serif 字体
  • Monospace 字体
  • Cursive 字体
  • Fantasy 字体

二:字体风格font-style

声明字体风格:p.normal {font-style:normal;}

该属性有三个值:

  • normal - 文本正常显示
  • italic - 文本斜体显示
  • oblique - 文本倾斜显示

三:字体变形font-variant

声明字体变形:p {font-variant:small-caps;}

二:字体加粗font-weight

声明字体加粗:p.thick {font-weight:bold;}

二:字体大小font-size

声明字体大小:p {font-size:14px;}

posted @ 2012-12-24 19:10  snowinmay  阅读(230)  评论(2编辑  收藏  举报