10.3　创建斜体

10.3　创建斜体

在传统出版业中，斜体通常用来表示引述、强调的文本、外文单词（如de rigueur）、科学名词（如Homo sapiens）、电影片名等。

浏览器通常让一些HTML元素（如cite、em和i）默认以斜体显示，因此，不必在CSS中对这些元素设置斜体。正如1.2节中讲到的，HTML用于描述内容的含义，而不是控制它们显示的样子。有时你需要让一些内容以斜体显示，但不应该通过使用上述元素对它们进行标记以创建斜体。通过使用CSS的font-style属性，可以让任何元素中的文本以斜体显示。

作为示例，图10.3.1说明了如何对段落文本添加斜体样式。（由于这样显示难以阅读，因此，这一样式规则将在接下来的例子中去掉。）

body {
     font-family: "Palatino Linotype", Palatino, serif;
}
h1,
h2 {
     font-family: "Arial Black", Arial, sans-serif;
}
p {
     font-style: italic;
}

图10.3.1　在这个例子中，段落以斜体显示

字体的斜体版本通常是由字体设计师从头创建的，尤其是有衬线字体。字体的斜体版本不仅仅是普通文本的倾斜版本，它们的形式有一些合理的差异。例如，Palatino Linotype就有一份真正的斜体字体，参见图10.3.2。通过字母a可以很清晰地看到，斜体不仅仅是对字母进行倾斜产生的效果。不过，有的字体并没有斜体版本。如果对这些字体的文本设置font-style: italic，浏览器就会显示一种计算机模拟出来的假斜体，即简单地对普通字母进行倾斜以模拟斜体风格。这两种方式的质量是有所不同的。

10.3　创建斜体 - 图1

图10.3.2　段落以斜体显示，但顶部的列表和标题没有以斜体显示

此外，字体设计师还可能专门为字体创建倾斜版本，它们通常是对普通字母进行倾斜，同时可能对字符间距等进行微调而产生的，与普通字母相比，字母本身的形状是相同的。要使用字体的倾斜版本，可以设置font-style: oblique;，不过这样做并不常见。如果字体没有斜体版本或倾斜版本，就会以伪斜体显示。

创建斜体

输入font-style:。
在:（冒号）后输入italic（创建斜体文本）或oblique（创建倾斜文本）。（99%的情况下都会使用italic。在所有情况下，很难察觉使用oblique与italic的差异。）

取消斜体

输入font-style: normal。

提示　想取消斜体的一个可能的原因是，要在从父元素中继承了斜体格式的段落中对某些文字进行强调。关于继承的更多细节，参考7.3节。

提示　font-style属性是继承的。

10.3 创建斜体