CSS 教程
每章中的示例
本 CSS 教程包含数百个 CSS 示例。
使用我们的在线编辑器，您可以编辑 CSS，然后单击按钮查看结果。
CSS 示例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
自己动手试一试 »单击“Try it Yourself”按钮查看其工作原理。
CSS 示例
从 300 多个示例中学习！使用我们的编辑器，您可以编辑 CSS，然后单击按钮查看结果。
使用菜单
我们建议按照菜单中列出的顺序阅读本教程。
如果您使用大屏幕，菜单将始终显示在左侧。
如果您使用小屏幕，请单击顶部菜单符号 ☰ 打开菜单。
CSS 模板
我们为您创建了一些响应式 W3.CSS 模板，供您使用。
您可以自由修改、保存、共享并在所有项目中尝试使用它们。
CSS 练习
CSS 测验
通过测验测试您的 CSS 技能。
我的学习
在 W3Schools 使用免费的“我的学习”计划来跟踪你的进度。
登录你的账户，开始赚取积分！
这是一个可选功能。你可以在 W3Schools 学习，而无需使用“我的学习”。
CSS 参考
在 W3Schools，您将找到所有属性和选择器的完整 CSS 参考，包括语法、示例、浏览器支持等。
