CSS是一種用于控制網頁樣式的技術，其中一個核心概念就是CSS class。在HTML文檔中，我們可以使用class屬性來命名元素，然后在CSS樣式表中定義class樣式，從而控制元素的樣式。

/*定義class樣式*/
.my-class {
color: red;
font-size: 18px;
text-align: center;
}

上面代碼中，我們定義了一個名為“my-class”的class樣式，它控制元素的文字顏色、字體大小和對齊方式。此時，我們可以在HTML文檔中使用class屬性來指定元素應用這個樣式。

<p class="my-class">這是一個段落元素</p>

上面代碼中，我們將段落元素的class屬性設置為“my-class”，這樣它就應用了我們剛剛定義的CSS樣式。如果我們有多個元素需要應用同一個樣式，只需在它們的class屬性中設置相同的值即可。

<div class="my-class">
<p>這是一個段落元素</p>
<h1>這是一個標題元素</h1>
</div>

上面代碼中，我們在一個div元素中設置了兩個子元素的class屬性為“my-class”，它們都應用了我們剛剛定義的CSS樣式。

CSS class的命名規則非常自由，通常我們命名時使用簡單的英文單詞或者連字符來連接單詞。同時，為了方便維護和協作，我們還可以使用一些常見的命名規范，例如BEM、SMACSS等。

總之，CSS class是控制網頁樣式的關鍵手段之一，良好的class設計可以讓我們更好地控制樣式，提高網頁的開發效率和質量。