CSS:层叠样式表
层叠样式表 (CSS) 是一种用于描述以 HTML 或 XML(包括 SVG、MathML 或 XHTML 等 XML 方言)编写的文档呈现方式的 样式表 语言。CSS 描述了元素如何在屏幕、纸张、语音或其他媒体上呈现。
CSS 是开放网络的核心语言之一,并且根据 W3C 规范 在 Web 浏览器之间标准化。以前,CSS 规范各个部分的开发是同步进行的,这允许对最新建议进行版本控制。您可能听说过 CSS1、CSS2.1,甚至 CSS3。永远不会有 CSS3 或 CSS4;相反,现在一切都只是“CSS”,各个 CSS 模块都有版本号。
在 CSS 2.1 之后,规范的范围显著增加,并且不同 CSS 模块的进展差异很大,因此按模块 单独开发和发布建议 变得更加有效。W3C 现在不再对 CSS 规范进行版本控制,而是定期对 CSS 规范的最新稳定状态 和各个模块的进展进行快照。CSS 模块现在有版本号或级别,例如 CSS 颜色模块级别 5。
关键资源
教程
我们的 CSS 学习区域 提供多个模块,从头开始教授 CSS——无需任何先验知识。
- CSS 入门
-
CSS(层叠样式表)用于设置网页的样式和布局——例如,更改内容的字体、颜色、大小和间距,将其拆分为多列,或添加动画和其他装饰性功能。本模块为您通往 CSS 精通之路提供了一个轻松的开始,介绍了它的基本工作原理、语法以及如何开始使用它来为 HTML 添加样式。
- CSS 构建块
-
本模块承接 CSS 初步 的内容——现在您已经熟悉了该语言及其语法,并获得了一些使用它的基本经验,是时候深入研究一下了。本模块将介绍级联和继承、所有可用的选择器类型、单位、大小、背景和边框样式、调试等等。
本部分旨在为您提供编写合格 CSS 的工具包,并在您继续学习更具体的学科(如文本样式和CSS 布局)之前,帮助您理解所有必要的理论。
- CSS 文本样式
-
在掌握了 CSS 语言的基础知识后,您需要关注的下一个 CSS 主题是文本样式——这是您使用 CSS 最常见的操作之一。在这里,我们将探讨文本样式的基础知识,包括设置字体、粗体、斜体、行距和字距、阴影以及其他文本功能。在本模块的最后,我们将探讨如何将自定义字体应用于页面,以及如何设置列表和链接的样式。
- CSS 布局
-
到目前为止,我们已经了解了 CSS 基础知识、如何设置文本样式以及如何设置和操作内容所在的盒子。现在是时候了解如何将这些盒子放置在相对于视口和彼此的正确位置了。我们已经涵盖了必要的先决条件,因此现在可以深入研究 CSS 布局,了解不同的显示设置、Flexbox、CSS Grid 和定位等现代布局工具,以及您可能仍然需要了解的一些传统技术。
- 使用 CSS 解决常见问题
-
本模块提供指向内容部分的链接,这些内容部分解释了如何使用 CSS 来解决创建网页时的常见问题。
参考
菜谱
该CSS 布局食谱旨在汇集常见布局模式的配方,这些模式您可能需要在您的网站中实现。除了提供可作为您项目起点使用的代码外,这些配方还重点介绍了布局规范的不同使用方法以及您作为开发人员可以做出的选择。
CSS 开发工具
- 您可以使用W3C CSS 验证服务检查您的 CSS 是否有效。这是一个非常有价值的调试工具。
- Firefox 开发者工具允许您通过检查器和样式编辑器工具查看和编辑页面的实时 CSS。
- Firefox 的Web 开发人员扩展允许您跟踪和编辑观察到的网站上的实时 CSS。
元错误
- Firefox:Firefox 错误 1323667