CSS - 语法

CSS 代表层叠样式表，是一种流行的样式表语言，用于设计交互式网页。在本教程中，我们将学习 CSS 语法和 CSS 的用法以及 HTML。

CSS 语法

以下是使用 CSS 进行样式设置的语法。

selector {
    property: value;
}

选择器：CSS 选择器 用于选择您想要在网页上设置样式的 HTML 元素或元素组。
属性：CSS 属性是 HTML 元素的某个方面或特征，可以使用 CSS 设置样式或修改，例如颜色、字体大小或边距。
值：值为属性分配值。例如，color 属性可以具有红色、绿色等值。

例如

多个样式规则

如果您想为单个选择器定义多个规则，则可以在单个块中指定这些规则，并用分号 (;)分隔。

语法

selector{
    property1: value1;
    property2: value2;
    property3: value3;
}

现在让我们看一个使用 CSS 进行样式设置的示例。

示例

<!DOCTYPE html> 
<html>

<head>
    <style>
        /* Style all the paragraphs */
        p {
            background-color: black;
            color: white; 
            padding: 5px;
        }

        /* Style all elements with class 'special' */
        .special {
            color: lightblue; /* Change text color */
        }
    </style>
</head>

<body>
    <p>
        This a normal paragraph...
    </p>
    <br>   

    <p class="special">
        This is a paragraph with class special...
    </p>
    <br> 

    <div class="special">
        This is a div with class special...
    </div>
</body>

</html>

打印页面