CSS 字型【CSS 字型】CSS 字型属性定义文本的字型系列、大小、加粗、风格(如斜体)和变形(如小型大写字母) 。
基本介绍中文名:CSS 字型
外文名:CSS FONT
字型系列名称:通用字型系列
使用引号:单引号或双引号都可以接受
字型风格:font-style 属性最常用斜体文本
CSS 字型系列CSS 字型属性定义文本的字型系列、大小、加粗、风格(如斜体)和变形(如小型大写字母) 。在 CSS 中,有两种不同类型的字型系列名称:通用字型系列 - 拥有相似外观的字型系统组合(比如 "Serif" 或 "Monospace")特定字型系列 - 具体的字型系列(比如 "Times" 或 "Courier")除了各种特定的字型系列外,CSS 定义了 5 种通用字型系列:Serif 字型Sans-serif 字型Monospace 字型Cursive 字型Fantasy 字型如果需要了解更多有关字型系列的知识,请阅读 CSS 字型系列 。指定字型系列使用 font-family 属性 定义文本的字型系列 。使用通用字型系列如果你希望文档使用一种 sans-serif 字型,但是你并不关心是哪一种字型,以下就是一个合适的声明:body {font-family: sans-serif;}这样用户代理就会从 sans-serif 字型系列中选择一个字型(如 Helvetica),并将其套用到 body 元素 。因为有继承,这种字型选择还将套用到 body 元素中包含的所有元素,除非有一种更特定的选择器将其覆盖 。指定字型系列除了使用通用的字型系列,您还可以通过 font-family 属性设定更具体的字型 。下面的例子为所有 h1 元素设定了 Georgia 字型:h1 {font-family: Georgia;}这样的规则同时会产生另外一个问题,如果用户代理上没有安装 Georgia 字型,就只能使用用户代理的默认字型来显示 h1 元素 。我们可以通过结合特定字型名和通用字型系列来解决这个问题:h1 {font-family: Georgia, serif;}如果读者没有安装 Georgia,但安装了 Times 字型(serif 字型系列中的一种字型),用户代理就可能对 h1 元素使用 Times 。儘管 Times 与 Georgia 并不完全匹配,但至少足够接近 。因此,我们建议在所有 font-family 规则中都提供一个通用字型系列 。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字型时,就可以选择一个候选字型 。如果您对字型非常熟悉,也可以为给定的元素指定一系列类似的字型 。要做到这一点,需要把这些字型按照优先顺序排列,然后用逗号进行连线:p {font-family: Times, TimesNR, 'New Century Schoolbook',Georgia, 'New York', serif;}根据这个列表,用户代理会按所列的顺序查找这些字型 。如果列出的所有字型都不可用,就会简单地选择一种可用的 serif 字型 。使用引号您也许已经注意到了,上面的例子中使用了单引号 。只有当字型名中有一个或多个空格(比如 New York),或者如果字型名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号 。单引号或双引号都可以接受 。但是,如果把一个 font-family 属性放在 HTML 的 style 属性中,则需要使用该属性本身未使用的那种引号:<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,'New York', serif;">...</p>亲自试一试字型风格font-style 属性最常用于规定斜体文本 。该属性有三个值:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示实例p.normal {font-style:normal;}p.italic {font-style:italic;}p.oblique {font-style:oblique;}
- 字型转换器
- HTML5+CSS+JavaScript深入学习实录
- CSSA
- 大篆字型
- 零基础学编程:零基础学HTML+CSS
- CSS全程指南
- 厝
- 厕所长条塑料扣板怎么拆掉
- css important
- HTML+CSS+JavaScript Dreamweaver网页设计与製作