CSS 教程

更新于 2024/5/21 16:39:00

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。

通过使用 CSS 我们可以大大提升网页开发的工作效率！

在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。

CSS3 现在已被大部分现代浏览器支持，而下一版的 CSS4 仍在开发中。

每章中的实例

本 CSS 教程包含数百个 CSS 实例。

通过使用我们的在线编辑器（w3schools TIY），您可以编辑 CSS，然后单击运行按钮来查看结果。

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
font-family: verdana;
  font-size: 20px;
}

点击 "亲自试一试" 按钮查看运行结果。

从 300 多个实例中学习！使用我们的在线编辑器，您可以编辑 CSS，然后单击运行按钮来查看结果。

我们建议按照菜单中列出的顺序阅读本教程。

如果你有一个大屏幕，菜单将始终出现在左边。

如果屏幕很小，请单击顶部的菜单标志打开菜单 ☰.

我们已经创建了一些响应式 W3.CSS 的模板供您使用。

您可以在所有项目中自由修改、保存、共享和使用它们。

自 CSS 诞生以来，已经出现了多个版本。一些值得注意的版本包括：

CSS1（层叠样式表 Level1） - CSS 的初始版本，发布于 1996 年 12 月。CSS1 为 HTML 文档提供了基本的样式功能，包括文本、颜色、背景、边距和边框等属性。
CSS2（层叠样式表 Level2） - CSS2 发布于 1998 年 5 月，引入了定位、z-index、媒体类型等新功能，以及属性选择器和子选择器等更高级的选择器。
CSS2.1 - 2011 年 6 月作为 W3C 推荐标准发布的 2.1 版本，对 CSS2 进行了澄清和完善，解决了规范中的不一致和歧义。 CSS2.1 专注于提升 Web 浏览器之间的互操作性。
CSS3（层叠样式表 3 级） - CSS3 是一个扩展 CSS 功能的模块集合。它引入了许多新功能和增强功能，包括高级选择器、多列布局、动画、变换、渐变、阴影等等。
CSS4（层叠样式表 4 级） - CSS4 是一项持续不断的改进，旨在通过新功能和增强功能扩展 CSS3。

CSS 的每个版本都以之前的版本为基础，添加新功能并改进现有功能，以满足 Web 开发者和设计人员不断变化的需求。现在，CSS 简称为 CSS，不再使用版本号。