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样式点来定义元素的样式和外观。