CSS樣式點是CSS的一種基礎選擇器。它用來指定某個HTML元素的樣式，從而將頁面渲染為設計者想要的外觀和風格。而CSS樣式點所代表的實際上是HTML標簽中的類(class)屬性或id屬性的取值。

.className {
/* CSS樣式 */
}
#idName {
/* CSS樣式 */
}

其中, "." 表示類(class)屬性，"#"表示id屬性，后面跟上屬性取值的名稱，也就是在HTML標簽中定義的class名稱或id名稱。在CSS樣式點中我們可以定義眾多樣式屬性，比如文字顏色、背景顏色、字體大小、行高等等。如果需要定義多種屬性，可以采用多個CSS樣式點。

在HTML標簽中添加CSS樣式點有兩種方法。一種是直接在標簽上添加class或id屬性。比如：

<p class="intro">Hello World!</p>
<div id="container">...</div>

在CSS樣式表中就可以通過以下方式來定義樣式：

.intro {
font-size: 16px;
color: blue;
}
#container {
width: 960px;
height: 500px;
}

另一種是直接在標簽的style屬性中定義CSS樣式。比如：

<p style="font-size: 16px; color: blue;">Hello World!</p>
<div style="width: 960px; height: 500px;">...</div>

這種方式在實際工作中使用相對較少，因為它不便于統一管理和修改樣式，同時也不利于代碼的復用。

總之，CSS樣式點是CSS編寫中的基礎，也是我們在前端開發中必須掌握的基礎知識之一。無論是在構建靜態頁面還是動態交互的網站應用中，都需要運用CSS樣式點來定義元素的樣式和外觀。