CSS是一種用于創建網頁樣式和布局的標記語言。在CSS中，可以使用五種標簽來定義不同類型的元素和屬性，這些標簽包括：
1. `div`: 定義盒子(盒子模型)。
2. `p`: 定義段落(段落樣式)。
3. `h1`: 定義標題(標題樣式)。
4. `h2`: 定義副標題(副標題樣式)。
5. `ul`: 定義列表(列表樣式)。
這些標簽廣泛應用于網頁設計，可以用于創建各種不同類型的元素，例如盒子、段落、標題、列表等。通過使用這些標簽，我們可以輕松地定義網頁的樣式和布局，使網頁更加美觀和易于閱讀。
下面我們將詳細探討如何使用這些標簽。
## div
`div`標簽是CSS中最常用的標簽之一，可以用于創建盒子。使用`div`標簽可以創建一個盒子，并將其包含在其他元素中。例如，可以使用`div`標簽創建一個段落元素，并將其包含在另一個段落元素中，這樣可以使段落元素居中對齊。
```html
<div class="段落">
這是一段段落。
</div>
```css
.段落 {
width: 200px;
text-align: center;
在上面的代碼中，我們使用`div`標簽創建一個盒子元素，并使用`class`屬性為該元素添加一個名為“段落”的類。然后，我們使用`CSS`規則對該元素進行樣式定義。
`p`標簽可以用于定義段落。使用`p`標簽可以創建一個段落元素，并將其包含在其他元素中。例如，可以使用`p`標簽創建一個段落元素，并將其包含在另一個段落元素中，這樣可以使段落元素居中對齊。
```html
<p>這是一段段落。</p>
```css
.段落 {
width: 200px;
text-align: center;
在上面的代碼中，我們使用`p`標簽創建一個段落元素，并將其包含在另一個段落元素中。然后，我們使用`CSS`規則對該元素進行樣式定義。
## h1
`h1`和`h2`標簽可以用于定義標題和副標題。使用`h1`標簽可以創建一個標題元素，并將其包含在其他元素中。例如，可以使用`h1`標簽創建一個標題元素，并將其包含在另一個標題元素中，這樣可以使標題元素居中對齊。
```html
<h1>這是一段標題。</h1>
<h2>這是另一段標題。</h2>
```css
font-size: 28px;
font-weight: bold;
text-align: center;
在上面的代碼中，我們使用`h1`標簽創建一個標題元素，并將其包含在另一個標題元素中。然后，我們使用`CSS`規則對該元素進行樣式定義。
## h2
`h2`標簽可以用于定義副標題。使用`h2`標簽可以創建一個副標題元素，并將其包含在其他元素中。例如，可以使用`h2`標簽創建一個副標題元素，并將其包含在另一個副標題元素中，這樣可以使副標題元素居中對齊。
```html
<h2>這是另一段副標題。</h2>
```css
font-size: 24px;
font-weight: bold;
text-align: center;
在上面的代碼中，我們使用`h2`標簽創建一個副標題元素，并將其包含在另一個副標題元素中。然后，我們使用`CSS`規則對該元素進行樣式定義。
## ul
`ul`標簽可以用于定義列表。使用`ul`標簽可以創建一個列表元素，并將其包含在其他元素中。例如，可以使用`ul`標簽創建一個列表元素，并將其包含在另一個列表元素中，這樣可以使列表元素無序排列。
```html
<li>這是一段列表項。</li>
<li>這是另一段列表項。</li>
</ul>
```css
.列表 {
display: list-item;
margin-bottom: 10px;
.列表 li {
margin-bottom: 5px;
在上面的代碼中，我們使用`ul`標簽創建一個列表元素，并將其包含在另一個列表元素中。然后，我們使用`CSS`規則對該元素進行樣式定義。
通過使用這些標簽，我們可以輕松地定義網頁的樣式和布局，使網頁更加美觀和易于閱讀。