CSS语法

 

　　CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。【推荐阅读：CSS教程】

 

　　selector{declaration1;declaration2;…declarationN}

 

　　选择器通常是您需要改变样式的HTML元素。

 

　　每条声明由一个属性和一个值组成。

 

　　属性（property）是您希望设置的样式属性（styleattribute）。每个属性有一个值。属性和值被冒号分开。

 

　　selector{property:value}

 

　　下面这行代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。

 

　　在这个例子中，h1是选择器，color和font-size是属性，red和14px是值。

 

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

 

　　下面的示意图为您展示了上面这段代码的结构：

 

　　CSS语法

 

　　提示：请使用花括号来包围声明。

 

　　值的不同写法和单位

 

　　除了英文单词red，我们还可以使用十六进制的颜色值#ff0000：

 

　　p{color:#ff0000;}

 

　　为了节约字节，我们可以使用CSS的缩写形式：

 

　　p{color:#f00;}

 

　　我们还可以通过两种方法使用RGB值：

 

　　p{color:rgb（255,0,0）；}

 

　　p{color:rgb（100%,0%,0%）；}

 

　　请注意，当使用RGB百分比时，即使当值为0时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说，当尺寸为0像素时，0之后不需要使用px单位，因为0就是0，无论单位是什么。







本文转载自中文网