在CSS中，我們可以通過定義class來為HTML元素設置樣式。下面我們來看看如何定義幾個class。

/* 定義一個叫做title的class，將標題設置為紅色和加粗 */
.title {
color: red;
font-weight: bold;
}
/* 定義一個叫做box的class，將盒子設置為寬度為200像素，高度為100像素，藍色邊框，背景為白色 */
.box {
width: 200px;
height: 100px;
border: 1px solid blue;
background-color: white;
}
/* 定義一個叫做button的class，將按鈕設置為背景為綠色，字體為白色，邊框圓角為5像素 */
.button {
background-color: green;
color: white;
border-radius: 5px;
}

在上面的代碼中，我們分別定義了三個不同的class，分別為title、box和button。其中，我們通過定義不同的樣式來為不同的class設置了不同的樣式。在HTML中，我們只需要給對應的元素添加相應的class，即可擁有對應的樣式。

例如，如果我們想要將一個標題設置為紅色和加粗，我們只需要在<h1>標簽中添加class="title"，代碼如下：

<h1 class="title">這是一個標題</h1>

同理，如果我們想要將一個盒子設置為寬200像素、高100像素、有藍色邊框、背景為白色，只需要在對應的HTML元素中添加class="box"，代碼如下：

<div class="box">這是一個盒子</div>

最后，如果我們想要將一個按鈕設置為綠色背景、白色字體、邊框圓角為5像素，只需要在對應的按鈕元素中添加class="button"，代碼如下：

<button class="button">這是一個按鈕</button>

通過定義不同的class，我們可以快速、方便地為不同的HTML元素添加不同的樣式，使我們的網頁更加美觀、易讀、易于操作。