在前端開發中，我們經常需要為 HTML 元素添加特定的樣式來優化頁面布局和提升用戶體驗。其中，CSS 是最常用的樣式表語言之一。

在 HTML 中，使用 class 屬性可以為多個元素分配相同的樣式。我們可以通過 CSS 文件來定義并應用這些樣式。以下是一個示例：

.my-class {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
}

上面的代碼定義了一個名為 "my-class" 的類，其中包含了一些常用的樣式屬性。接著，我們可以將這個類應用到 HTML 元素中：

<div class="my-class">
<p>這是一個應用了 my-class 類的 div 元素。</p>
</div>

在上面的例子中，我們為 <div> 元素添加了 "my-class" 類。這樣它就會繼承上面定義的樣式，并將其應用在 div 元素上。

使用類名來管理樣式是一種常用的組織和結構化 CSS 樣式的方法。在實際的開發中，我們可以定義多個類，并將它們應用在不同的 HTML 元素上，來實現更加靈活的樣式管理。