CSS 语法

未来不是固定在那里等你趋近的，而是要靠你创造。

可能有人会问，CSS还有语法？是的，它不属于任何编程语言类型，但它有自己规定的格式以及规范，只有了解这些规范你才能写出更简洁、易懂的CSS。
网页设计师们应力求写出的CSS有更好的可读性，更规范的书写，更小的体积，这是初学者们应该要明白的。

CSS 语法由三部分构成：css选择器、属性、值：

body { color: #ff0000; }

其中body为选择器，选择器通常是你HTML元素或标签，选择器分为ID选择器（#cssstyle），类选择器（.cssstyle），派生选择器(#cssstyle a)。

这3种选择器我们将在后续的教程中一一介绍。

color为属性，是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明。

单位和值的写法

除了英文单词 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，无论单位是什么。

记得写引号

提示：如果值为若干单词，则要给值加引号：

p {font-family:"Arial, Helvetica, sans-serif";}

多重声明

提示：如果要定义不止一个css声明，则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条css规则是不需要加分号的，因为分号在英语中是一个分隔符号，不是结束符号。然而，大多数有经验的设计师会在每条声明的末尾都加上分号，这么的好处是，当你从现有的规则中增减声明时，会尽可能的减少出错的可能性。就像这样：

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

大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：是否包含空格不会影响 CSS 在浏览器的工作效果，同样，与 XHTML 不同，CSS 不论大小写。
不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。

推荐的CSS书写格式

普通写法：

.cssstyle{

font-weight:normal;

padding:12px;

color: red;

}

推荐的写法：

.cssstyle{ font-weight:normal;padding:12px;color: red;}

为什么这样做？当样式表中存在不止一条规则及声明，第一种书写方法找到想要的标签将会非常的困难，相对第二种方法将会清晰很多，同时，第二种方法的排列顺序按照标签首字母的顺序来排列会更科学。