CSS樣式前面有點，通常用于在代碼中給出多個樣式屬性或多個選擇器時，使代碼更易于閱讀和理解。下面是一個示例：

.selector1,
.selector2,
.selector3 {
font-size: 16px;
color: #333;
line-height: 1.5;
}

在這個示例中，我們使用了點符號（.）來表示樣式選擇器，并使用逗號（，）將多個選擇器分隔開。在樣式屬性之前加上點符號，有利于我們快速地區分選擇器和樣式屬性。

另外，CSS樣式前面有點還可以用于快速注釋代碼。只需在注釋內容前添加一個點符號，即可將注釋顯示為樣式代碼，以便更好地閱讀。

/* .這是一個注釋示例，用于給代碼添加注釋說明 */

總之，CSS樣式前面有點是一種簡單但使用廣泛的優化代碼的技巧，它可以幫助我們更好地閱讀和理解代碼，提高代碼的可讀性。