CSS中的name屬性用于設置樣式的名稱。下面我們來介紹一下它的使用方法。

.name {
color: red;
font-size: 16px;
}

在上面的代碼中，我們創建了一個名為"name"的樣式，并為它設置了color和font-size屬性。

要使用這個樣式，我們只需要在HTML元素中添加class屬性，并將其值設置為"name"即可：

<p class="name">這是一個示例文本</p>

這樣，這個段落中的文本就會按照"name"樣式中設置的樣式進行渲染。如果我們想要為多個元素應用相同的樣式，只需要在它們的class屬性中都添加"name"即可。

除了使用"name"屬性，我們還可以根據自己的需求給樣式設置任何合法的名稱。這些名稱可以包含字母、數字、下劃線、短橫線和其他ASCII字符。

.my-style {
background-color: yellow;
border: 1px solid black;
}

上面的代碼中，我們創建了一個名為"my-style"的樣式，并為它設置了背景色和邊框屬性。

同樣的，在HTML元素中，我們可以使用這個樣式：

<div class="my-style">這是另一個示例文本</div>

使用自定義名稱的好處在于可以更清晰地表達樣式的用途，從而方便維護。但需要注意的是，名稱應該具有一定的描述性，而不是過于簡單的詞匯。這樣可以讓代碼更易于理解、修改和擴展。