Body class意思

在HTML中,class是一個屬性,用於向元素添加樣式類。一個樣式類是一組樣式規則的名稱,這些樣式規則通常在CSS(層疊樣式表)中定義。當一個元素被賦予一個樣式類時,它將繼承所有與該類相關的樣式。

body元素是HTML文檔的根元素,它包含了文檔的所有內容。如果body元素有一個class屬性,這意味著它被分配了一個或多個樣式類。網頁開發人員通常會在<head>部分定義一些樣式類,然後在<body>元素的class屬性中套用這些樣式類,以便為整個頁面設定特定的樣式。

例如,以下是一個簡單的HTML文檔,其中body元素有一個名為main-page的樣式類:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .main-page {
            background-color: #f5f5f5;
        }
    </style>
</head>
<body class="main-page">
    <h1>Hello World!</h1>
    <p>This is a simple HTML document.</p>
</body>
</html>

在這個例子中,body元素的class屬性被設定為main-page。CSS樣式表中定義了一個名為main-page的樣式類,它給body元素添加了一個背景顏色。因此,整個頁面的背景將呈現為淺灰色。

樣式類可以通過空格分隔的方式附加到class屬性中,以同時套用多個樣式。例如,class="main-page special-page"將同時套用main-pagespecial-page樣式類。