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