CSS语法规则及书写格式介绍如下：

CSS构成部分

完整的CSS样式主要由两部分组成，分别选择器，以及一条或多条声明构成，而声明部分则是由属性和属性值组成，所以，我们也可以把CSS分为三部分组成，依次为选择器、属性和属性值三个部分。

CSS书写格式：

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

其中，属性和属性值是用英文冒号分开的，并由花括号包围，这样就组成了一个完整的CSS样式声明。这是因为CSS规定了声明部分总是以分号(;)结束，声明总以花括号({})括起来:

1、选择器（selector） ：是指需要设置CSS样式的html元素内容；

2、属性（property） ：是指CSS规定好的样式属性；

3、属性值（value）：每一个属性都对应着一个相关的值；

下面是一个演示的CSS语法例子：

h1{color:red;}

上面这行代码的作用是将h1标签元素内的文字颜色设置为红色。在上述例子中，h1是选择器，color 为属性，blue为属性值。

多条声明的写法

有的时候，一个完整的css样式可能包含多个声明，声明与声明之间用分号（;）隔开，写法如下：

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}

下面以段落P标签为选择器，演示一个拥有多条声明的css代码：

p {color:red;text-align:center;}

为了增强上面CSS代码的可读性，我们也可以每行只描述一个属性，演示如下：

p {
  width:100px;
  text-align:center;
  }

以上CSS代码分别由选择器是p和以下两条声明部分组成：

width:100px：这是第一个声明部分，width是属性，对应的属性值是100px;

height:200px：这是第一个声明部分，height是属性，对应的属性值是200px;