HTML中的Class是為了讓我們更好地為網頁進行樣式控制而創造的。在HTML中，我們可以使用class屬性來為元素進行分類，并方便地設計出我們所需的樣式代碼。在下面的示例中，我們將介紹如何編寫class代碼。

<!--在HTML中編寫Class代碼-->
<p class="text-primary">這是一段具有文本主題顏色的段落</p>

在上面的代碼中，我們首先為<p>標簽添加了class屬性。在class的賦值中，我們使用了字符串“text-primary”，這是一個我們在CSS中定義的主題顏色的名稱。這樣可以使得同一個類別下的元素均被賦值為相同的樣式特征。

我們在CSS中定義類別的樣式如下所示：

/*在CSS中定義Class樣式*/
.text-primary {
color: #007bff!important;
}

在上面的代碼中，我們將text-primary的顏色定義為#007bff。這樣，我們使用類別的屬性所賦值的樣式特征將會為此顏色。CSS文件必須在HTML文件中調用才能應用所定義的樣式。

在HTML和CSS中定義類別是一種方便的方法，因為它可以讓我們只需在CSS樣式表中更改一個類別的屬性而不必一個一個更改每個元素的樣式。這讓我們的網站更加整潔，易于維護。