标记语言——为文字指定CSS样式(4)

转化文字

有个text-transform属性能转化文字内容的大小写,而不管标记内容的大小写是怎样的.举例来说,标题是以下面这段的写法标记的:

<h1>A Painting Tip</h1>

只要在CSS内使用text-transform属性,就能把整个标题转化成大写(想要的话也能转化成小写),而不必修改标记源代码的内容,除了先前为<h1>标签加上的样式之外,把标题全部变成大写的CSS规则就是这么简单:

h1 {

  letter-spacing: 4px;

  font-style: italic;

  text-align: center;

  text-transform: uppercase;

  }

成果就像13-9这样,不必与标记源代码较劲了,只要改改CSS,就能改变页面(甚至整个网站)某些特定标签的大小写用法.

图13-9 用CSS把标题变成大写

小型大写字母

大多数浏览器都支持font-variant属性,让我们以小型大写字母修饰内容(也就是以不同大小的大写文字显示内容).

让我们为示例的标题加上font-variant属性:

h1 {

  letter-spacing: 4px;

  text-align: center;

  font-variant: small-caps;

  }

图13-10 显示了标题换用小型大写字母之后的效果:这又是一个以标记语法和CSS模仿印刷界做法的方法.

图13-10 用了小型大写字母的标题