使用HTML进行标记网页内容时，需要遵从一定的规范，CSS亦如此。要想熟练地使用CSS对网页进行修饰，首先要了解CSS样式规则，具体格式如下

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

上述样式规则中，选择器用于指定需要改变样式的HTML标记，花括号内是一条或多条声明。每条声明由一个属性和属性值组成，以“键值对”的形式出现。

属性是对指定的标记设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文冒号“:”连接，多个“键值对”之间用英文分号“;”进行分隔。

在书写CSS样式时候，除了要遵循CSS样式规则，还必须注意CSS代码结构中的几个特点，具体介绍如下：

●CSS样式中的选择器严格区分大小写，而声明不区分大小写，按照书写习惯一般将选择器、声明都采用小写的方式。

●多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略但是为了便于增加新样式最好保留。

●如果属性的属性值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号。例如:

p{font-family:“TimesNewRoman"}

●在编写CS代码时，为了提高代码的可读性，可使用“/注释语句*”进行注释，例如上面的样式代码可添加如下注释：

P{font-family:"TimesNewRoman";}/*这是CSS注释文本，有利于方便查找代码，此文本不会显示在浏览器窗口中*/

●在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可无。因此可以使用空格键、Tab键、回车键等对样式代码进行排版，即所谓的格式化CSS码，这样可以提高代码的可读性。例如:

代码段1:

h1{color:green;font-size:14px;}

代码段2:

h1(color:green;/*定义颜色属性*font-size:14px;/*定义字体大小属性*/}

上述两段代码所呈现的效果是一样的，但是第二种书写方式的可读性更高。需意的是，属性值和单位之间是不允许出现空格的，否则浏览器解析时会出错。例如这行代码就是错误的。

h1{font-size:14px;}/*14和单位px之间有空格，浏览器解析时会出错*/

推荐了解热门学科

千锋教育隶属于北京千锋互联科技有限公司，以“初心至善，匠心育人”为核心价值观，致力于打造职业教育全产业链人才服务平台，公司总部位于北京，目前已在深圳、上海、广州、郑州、大连、武汉、成都、西安、杭州、青岛、重庆、长沙、哈尔滨、南京、太原、沈阳、合肥成立分公司，业务范围覆盖以大学生就业培训、职后技能培训与企业内训培训为主的立体化教育培训产业链。 千锋教育面授课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、网络安全培训、互联网营销培训，采用全程面授高品质、高体验培养模式。