1. 声明
在HTML页面中，大家需要使用声明来声明CSS样式。声明的语法如下：
<style>
/* CSS样式规则 */
</style>
在声明中，大家可以添加属性、选择器和样式规则，这些将应用于HTML元素。例如，大家可以使用以下声明来定义一个类：
.my-class {
/* CSS样式规则 */
在上面的声明中，大家使用了`.my-class`作为类名，并添加了一个属性`{}`来定义类的属性。`{}`中的值将应用于`.my-class`元素上的任何属性。
2. 属性
CSS的属性是指HTML元素的属性值，这些值可以被CSS样式规则使用。CSS属性的语法如下：
/* CSS样式规则 */
:host [属性] {
/* CSS样式规则 */
在上面的语法中，`:host`表示大家要使用该元素的父元素作为根元素。`[属性]`表示大家要选择该元素的`[属性]`属性。例如，大家可以使用以下属性来改变文本颜色：
.my-class > div {
/* CSS样式规则 */
color: red;
在上面的声明中，大家使用了`.my-class > div`作为父元素，并选择了`div`元素作为子元素。通过这种方式，大家可以使用CSS样式规则来改变子元素的颜色。
3. 选择器
CSS选择器是指CSS规则的集合，用于选择特定的HTML元素。CSS选择器的语法如下：
/* CSS样式规则 */
[选择器] [属性] {
/* CSS样式规则 */
在上面的语法中，`[选择器]`表示大家要选择`[选择器]`中的`[属性]`属性。`[属性]`可以是任何CSS属性，例如`color`、`background-color`或`font-size`。例如，大家可以使用以下选择器来改变文本大小：
.my-class > div {
/* CSS样式规则 */
font-size: 16px;
在上面的声明中，大家使用了`.my-class > div`作为父元素，并选择了`font-size`属性。通过这种方式，大家可以使用CSS选择器来改变子元素的大小。
4. 样式规则
CSS样式规则是用于定义CSS样式的代码块。样式规则的语法如下：
/* CSS样式规则 */
[属性] [值] {
/* CSS样式规则 */
在上面的语法中，`[属性]`表示大家要选择`[属性]`属性。`[值]`表示大家要选择`[属性]`的值。例如，大家可以使用以下样式规则来改变文本颜色：
.my-class > div {
/* CSS样式规则 */
color: red;
在上面的声明中，大家使用了`.my-class > div`作为父元素，并选择了`color`属性。通过这种方式，大家可以使用CSS样式规则来改变子元素的颜色。
以上就是关于初始CSS的总结，通过了解CSS的基础知识，大家可以更好地设计和布局网页，使网页更具吸引力、可读性和可访问性。