css字体样式大全.pdfVIP

  1. 1、本文档共7页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

博学笃行自强不息

css字体样式大全

CSS字体样式大全

在网页设计中,字体样式对于页面的整体效果和用户体验起着重要

的作用。通过CSS,我们可以轻松地改变字体的样式,从而使网页

更加吸引人。本文将为您介绍一些常见的CSS字体样式,以帮助您

在设计网页时选择适合的字体风格。

1.字体系列(font-family)

在CSS中,可以通过font-family属性来指定字体的系列。字体系

列可以包含多个字体名称,用逗号分隔。当浏览器不支持第一个字

体时,会依次尝试显示后面的字体。以下是一些常用的字体系列示

例:

```

font-family:Arial,sans-serif;/*无衬线字体*/

font-family:TimesNewRoman,serif;/*衬线字体*/

font-family:Verdana,Arial,sans-serif;/*备选字体系列*/

```

1

博学笃行自强不息

2.字体大小(font-size)

通过font-size属性可以设置字体的大小。可以使用相对单位(如

em、rem)或绝对单位(如px、pt)来定义字体大小。以下是几

个示例:

```

font-size:16px;/*使用像素作为单位*/

font-size:1rem;/*使用相对单位rem*/

font-size:1.2em;/*使用相对单位em*/

```

3.字体粗细(font-weight)

设置字体的粗细可以传达文字的强调程度。可取的值有:normal

(默认)、bold(粗体)、bolder(更粗体)、lighter(更细体)

等。

```

font-weight:normal;/*默认粗细*/

font-weight:bold;/*粗体*/

2

博学笃行自强不息

font-weight:bolder;/*更粗体*/

font-weight:lighter;/*更细体*/

```

4.字体样式(font-style)

通过font-style属性可以设置字体的样式,包括斜体和正常(默认)

两种。示例如下:

```

font-style:normal;/*正常样式*/

font-style:italic;/*斜体样式*/

```

5.上划线、下划线和删除线(text-decoration)

通过text-decoration属性可以添加上划线、下划线和删除线效果。

示例如下:

```

text-decoration:none;/*无装饰线*/

3

博学笃行自强不息

text-decoration:underline;/*下划线*/

text-decoration:overline;/*上划线*/

text-decoration:line-through;/*删除线*/

text-decoration:underlineoverline;/*同时添加下划线和上划线

*/

```

6.字间距(letter-spacing)

通过letter-spacing属性可以设置字间距的大小。可以使用负值以

压缩字母之间的间距。示例如下:

```

letter-spacing:normal;/*默认字间距*/

letter-spacing:

文档评论(0)

177****0495 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档