在前端開發中，CSS類名是非常重要的一個概念。在HTML文件中，我們通過為元素添加類名，來給它們賦予特定的樣式。

CSS類名有多種命名方式，下面分別介紹幾種常見的方式。

/* 方式一：單一類名 */
.one {
color: red;
}
/* 方式二：多個類名，中間用空格隔開 */
.two .three {
font-size: 20px;
}
/* 方式三：多個類名，中間用“-”（連字符）連接 */
.four-five {
background-color: #ccc;
}
/* 方式四：通過HTML元素類型選擇器和類名一起使用 */
p.six {
border: 1px solid blue;
}

上述代碼中，“.one”表示單獨的一個類名，“.two .three”表示同時為元素添加了“.two”和“.three”兩個類名。“.four-five”中使用了“-”連接了兩個類名。“p.six”則表示選擇了所有類型為“p”的HTML元素，并且為它們添加了“.six”類名。

在實際開發中，為了提高代碼可讀性和維護性，我們通常會采用一些命名規范或者代碼組織方式，比如BEM命名法、Vue.js的CSS組件化規范等。這些規范都在一定程度上規范了CSS類名的命名方式，使得代碼更加清晰易懂。