目录

CSS 教程

CSS 是我们用来设计 HTML 文档样式的语言。

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

本教程将从基础到高级教您 CSS。

立即开始学习 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 示例!


使用菜单

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

如果您有大屏幕,菜单将始终显示在左侧。

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


CSS 模板

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

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

免费 CSS 模板!



CSS练习

通过练习测试一下

练习:

将所有 <p> 元素的颜色设置为红色。

<style>
 {
   red;
}
</style>

开始练习


CSS 测验

通过测验测试您的 CSS 技能。

开始 CSS 测验!



CSS 参考

在 91xjr,您将找到所有属性和选择器的完整 CSS 参考,以及语法、示例、浏览器支持等。