CSS 教程


目录

    显示目录

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

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

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


每章示例

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

使用我们的在线编辑器,您可以编辑 CSS,然后单击按钮查看结果。

CSS 示例

body
{
  background-color: lightblue;
}

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

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

自己尝试一下 →

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

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

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>


点击“亲自尝试”按钮看看它是如何工作的。


CSS 示例

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

前往 CSS 示例!


使用菜单

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

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

如果您的屏幕较小,请单击顶部菜单符号 打开菜单。


CSS 模板

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

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

免费 CSS 模板!