CSS（层叠样式表）是用于网页元素样式控制的语言，是构成网页布局的重要一环。为了使用CSS编写出正确的样式规则，需要掌握以下语法构成。

选择器 {
属性: 值;
属性: 值;
}

CSS语法规则由选择器和声明块两部分组成。选择器指定了要应用样式的HTML元素，声明块则包含了一个或多个属性-值对，用于指定元素的具体样式。

以下是CSS语法体系中的各个部分：

选择器（Selector）：指定要添加样式的元素。选择器包括：

标签选择器（tag selector）：基于HTML标签名匹配元素。类别选择器（class selector）：基于HTML类名匹配元素。ID选择器（ID selector）：基于HTML id匹配元素。属性选择器（attribute selector）：基于HTML元素属性来匹配元素。后代选择器（descendant selector）：基于一个元素的后代匹配元素。伪类选择器（pseudo-class selector）：基于元素的状态来匹配元素，如:hover、:active。伪元素选择器：基于元素的特殊部分来匹配元素，如::before、::after。

声明块（Declaration block）：由一组属性-值对组成，用于指定元素的具体样式，即CSS属性。声明块包括：

属性（Property）：代表要改变的样式特征。一般是一个英文单词，如font-size、color。值（Value）：代表属性所要设置的具体值。可以有数值、颜色、固定值等。

在编写CSS样式表时，一般采用缩进、空格、换行等排版方式使得代码可读性更好。例如：

.box {
width: 200px;
height: 200px;
background-color: #f5f5f5;
}

上面代码中，类选择器.box选择了所有class为box的元素，并对其应用了宽度、高度和背景颜色的设置。

了解CSS语法规则能够让前端开发者更加熟练地在HTML代码中添加样式，并创建出更美观、易于维护的网站。