首先看一下使用Css设置h1标签字体颜色和大小的例子，效果图如下：

新建一个网页test.html,然后复制粘贴下面的内容：

使用Css让h1标签字体变红

在浏览器中打开test.html，效果如上图。

改变标签h1字体的是下面这句Css代码：h1 {color:red; font-size:14px;}如下图所示：

h1是选择器，它代表了本页面所有的h1标签，大括号{}内是针对h1标签进行的操作，比如color:red设置了h1标签的字体为红色；font-size:14px设置h1标签字体大小为14像素。 Color是属性，表示字体颜色，red是对应的值，这样可以设置字体为红色；color:red合起来的专业叫法是“声明”，本质上就是一对属性值，Css本质上也就是通过设置标签的属性值，来改变标签的外在表现，这就叫样式。

每一对属性声明都要放在大括号中，多对使用分号隔开；

属性与值中间使用英文的冒号隔开，代码中的标点符号基本都需要使用英文输入法状态下的，输入中文下的标点符号会错误。

CSS代码中增加一些空格，不影响效果，比如为了增加可读性，可以这样写：h1{color:red;font-size:14px;}

CSS对大小写是不敏感的，比如H1和h1这两个选择符对CSS来说，选择的都是

标签，不过如果使用id或class标识标签，这时就要区分大小写了，比如#Top和#top选择的是不同id的标签。

一条CSS规则可以包含多个声明，比如h1 {color:red; font-size:14px;}就包括两条声明，最后一个声明后的分号可以去掉，良好的编码习惯是加上最后的分号；

多个选择符可以组合起来。比如需要设置h1到h5标签的字体都设置为红色，14像素，那么可以这样设置：h1, h2, h3, h4, h5 {color:red; font-size:14px;}这样，h1到h5标签的字体都是红色，大小都是14像素，这对于需要相同样式的标签十分重要，比如可以把一些公共的部分写到一块。 只需要在h1标签后面添加逗号，就可以添加多个选择符，它们中间可以增加一些空格，增加可读性。

一个选择符可以设置多次样式。比如要求h1到h5标签的字体都为红色，另外要求h1的字体加粗，那么可以这样设置：h1, h2, h3, h4, h5 {color:red; }h1 { font-weight : bold; }这是CSS编码中十分重要的一个技巧，先把需要相同的样式写到一起，然后写需要特殊处理的样式，而且浏览器是按照从上到下的顺序设置标签样式的，即便设置了相同的属性值，下面的属性值也会覆盖上面的。