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>

列印頁面