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-page
和special-page
樣式類。