CSS 文本样式

在掌握了 CSS 语言的基础知识后,接下来你应该重点关注 CSS 的文本样式,这是你使用 CSS 最常见的功能之一。这里我们将介绍基本知识,包括设置字体、粗细、斜体、行间距和字母间距、投影以及其他文本特性。我们还将介绍如何在页面上应用自定义字体,以及如何设置列表和链接的样式。

预备知识

在开始学习本模块之前,你应该熟悉 HTMLCSS 的基本原理

注意:如果你正在使用的电脑、平板电脑或其他设备无法创建文件,你可以尝试在在线编辑器中运行代码,例如CodePenJSFiddle

教程与挑战

基本文本和字体样式

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

列表样式

列表在大多数情况下与普通文本表现一致,但也有一些你必须了解的特定于列表的 CSS 属性,以及一些需要考虑的最佳实践。本文将全面解释这些内容。

在设置链接样式时,重要的是要理解默认链接样式的重要性,如何有效地使用伪类来设置链接状态的样式,以及如何为导航菜单和选项卡等常见的不同界面功能中的链接设置样式。我们将在本文中探讨所有这些主题。

Web 字体

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

挑战:排版社区学校主页 挑战

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