日期:2013-05-08  浏览次数:21116 次

 1、CSS 语法由三部分构成:选择器、属性和值
selector {property: value}
选择器 (selector) 通常是你希望定义的 HTML 元素或标签。
属性 (property) 是你希望改变的属性,并且每个属性都有一个值,属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的款式声明。
例:body {color: blue}
2、值(value)的不同写法和单位
定义颜色除了用英文单词 red,我们还可以使用十六进制的颜色值 #ff0000
例:body {color: #ff0000}
为了节约字节,我们可以使用 CSS 的缩写方式:
例:div{color: #f00}
我们还可以通过以下这两种方法使用 RGB 值:
div { color: rgb(255,0,0); }
div { color: rgb(100%,0%,0%); }
但要留意的是:
当使用 RGB 百分比时,即便当值为 0 时也要写百分比符号。但是在其他的情况下就不需求这么做了。比如说,当尺寸为 0 像素时,0 之后不需求使用 px 单位,由于 0 就是 0,无论单位是什么。
3、什么时候用到引号
如果值为若干单词,则要给值加引号,如:div {font-family: "sans serif";}
4、多重声明
如果要定义不止一个声明,则需求用分号将每个声明分开。最后一条规则是不需求加分号的,由于分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么的好处是,当你从现有的规则中增减声明时,会尽可能的减少出错的可能性。例如下面的例子:
div {text-align:center; color:red;}