CSS 教程

CSS（层叠样式表）是网页设计中用于描述如何显示HTML元素样式的一种样式表语言。本教程将帮助你从基础开始，逐步学习如何使用CSS来美化你的网页。

基础概念

  1. 选择器：选择器用于指定要应用样式的HTML元素。

    • ID选择器：#id-name
    • 类选择器：.class-name
    • 标签选择器：element-name

  2. 样式属性：CSS样式由属性和值组成，例如：

    • color: red; 设置文字颜色为红色。

  3. 层叠规则：CSS样式遵循特定的层叠规则，包括：

    • 后定义的样式会覆盖先定义的样式。
    • 具有更高特异性的选择器会覆盖具有较低特异性的选择器。

实战案例

假设我们要美化一个简单的网页，包含标题、段落和列表。

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        h1 {
            color: blue;
        }
        p {
            color: green;
        }
        ul {
            list-style-type: square;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
    </ul>
</body>
</html>

扩展阅读

想要了解更多关于CSS的知识，可以访问我们的 CSS 官方文档。

CSS 教程图片