CSS 样式文本

在学习了 CSS 语言的基础知识之后,接下来要关注的 CSS 主题是文本样式——这是使用 CSS 最常见的操作之一。在这里,我们将学习文本样式的基础知识,包括设置字体、粗体、斜体、行距和字距、投影以及其他文本功能。最后,我们将学习如何将自定义字体应用到页面上,以及如何为列表和链接设置样式。

先决条件

在开始学习本模块之前,您应该已经对 HTML 有一定的了解,如《HTML 入门》模块中所述,并且熟悉 CSS 基础知识,如《CSS 入门》中所述。

注意:如果您使用的电脑/平板电脑/其他设备无法创建自己的文件,您可以尝试在在线编码程序(如 JSBinGlitch)中运行(大部分)代码示例。

指南

本模块包含以下文章,它们将教会您 HTML 文本内容样式的所有要点。

文本和字体样式基础

在这篇文章中,我们将详细介绍文本/字体样式的所有基础知识,包括设置字体粗细、字体系列和样式、字体简写、文本对齐和其他效果,以及行距和字距。

样式化列表

在大多数情况下,列表的行为与其他文本相同,但有一些特定于列表的 CSS 属性需要了解,还有一些最佳实践需要考虑。本文将对此进行解释。

在设置链接样式时,务必了解如何利用伪类有效地设置链接状态样式,以及如何设置链接样式以用于常见的各种界面功能,如导航菜单和选项卡。我们将在本文中探讨所有这些主题。

Web 字体

在这里,我们将详细探讨网络字体——这些字体允许您将自定义字体与网页一起下载,从而实现更多样化、自定义的文本样式。

评估

以下评估将测试您对以上指南中介绍的文本样式技术的理解。

社区学校主页排版

在本评估中,我们将通过让您为社区学校的主页设置文本样式来测试您对文本样式的理解。