CSS 教程

CSS

CSS 是一种描述 HTML 文档样式的语言。

CSS 描述应该如何显示 HTML 元素。

本教程将从零起点的基础教程开始,一直到 CSS3 高级教程,为您提供全面系统地讲解。

现在开始学习 CSS »

每章中的实例

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

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

CSS 实例

body {
  background-color: lightblue;
}

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

p {
  font-family: verdana;
  font-size: 20px;
}
亲自试一试 »

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


CSS 实例

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

访问 CSS 实例!


使用菜单

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

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

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


CSS 模板

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

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

免费 CSS 模板!



CSS 习题和测试

在 W3Schools 测试您的 CSS 技能!

开始 CSS 实验!

开始 CSS 测试!


CSS 参考手册

在 W3School,您将找到所有属性和选择器的完整 CSS 参考手册,包括语法、示例、浏览器支持等。