《CSS 权威指南》笔记(三)

第五章 字体

字体系列 font-family

  1. Serif字体

    成比例,有上下短线

  2. Sans-serif字体

    成比例,没有上下短线

  3. Monospace字体

    不成比例,每个字符宽度完全相同

  4. Cursive字体

    模仿人的手写体

  5. Fantasy字体

字体加粗 font-weight

值:normal bold bolder lighter 100 200 300 400 500 600 700 800 900 inherit

初始值:normal

计算值:数字值(如100等),或某个数字值加上某个相对数(bolder或lighter)

字体大小 font-size

  1. 绝对大小

    7个绝对大小值:xx-small x-small small medium large x-large xx-large

  2. 相对大小

    关键字:larger、smaller

    缩放因子

  3. 百分数和大小

  4. 使用长度单位

风格和变形 font-style font-variant

风格 font-style

值:italic oblique normal inherit

初始值:normal

区分:斜体(italic)是一种单独的字体风格,倾斜(oblique)则是正常竖直文本的一个倾斜版本

变形 font-variant

值:small-caps normal inherit

初始值:normal

small-caps:小型大写字母

拉伸和调整字体

CSS2.1已去除

font属性

值:<font-style> | <font-variant> | <font-weight> | <font-size>/[<line-height>] | <font-family>

规则:前三个值可采用任意顺序且可省略,font-size和font-family须严格执行先后顺序且必须声明

font-face 规则

  1. 字体名匹配
  2. 智能字体匹配
  3. 字体合成
  4. 字体下载

第六章 文本属性

缩进和水平对齐

缩进文本 text-indent

值:<length> | <percentage> | inherit

应用于:块级元素

继承性:有

水平对齐 text-align

CSS2.1值:left center right justify inherit

应用于:块级元素

继承性:有

垂直对齐

垂直对齐文本


(完)

(最后修改于2015-09-24)

Table of Contents