CSS学习(二)

CSS语法：
[quote]selector {declaration1; declaration2;declarationN}[/quote]，其中declaration格式为[quote]property:value[/quote]，所以完整语法为：[quote]selector {property1:value1; property2:value2;}[/quote].举例：[b]p {color:red; font-size:10px}[/b],将p元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。
说明：
p----selector，选择器，通常是您需要改变样式的 HTML 元素。
{color:red; font-size:10px}----declaration，声明。
color----property，属性，您希望设置的样式属性(style attribute)。
red----value，属性值，样式属性的值

value，有时候有多种写法，当然也有多种单位。如果value为多个单词时，需要用双引号括起来。

多个decalration之间，用分号隔开，最好一个declaration占一行，利于read。[b]最后一个declaration最好也加上分号，有利于以后增删[/b]

CSS不区分大小写，空格和空行也不影响显示效果。

选择器(selector):
可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。
[quote]h1,h2,h3 {color:pink;}[/quote]
根据CSS，子元素从父元素继承属性。但是由于浏览器的世界大战，不保证一定能成功继承，最好是father和son分开定义。当son定义了和father一样的属性时，son自动覆盖father的属性。
[color=red][b]派生选择器[/b][/color]：派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。
定义li标签里strong元素的样式。
[quote]li strong {
font-size:10px;
font-style:italic;
}[/quote]
[color=red][b]id 选择器[/b][/color]：为标有特定id的HTML元素指定特定的样式，id选择器以#开头。
[quote]#red {color:red;}[/quote]
[quote]<p id="red">红色文字</p>[/quote]
[i]id 属性只能在每个 HTML 文档中出现一次.[/i]
id选择器可以与派生选择器结合使用，一个id元素可以结合多个其他元素。例如，指定id为tree的元素的段落(p)的字体颜色为红色。
[quote]#tree p {color:red;}[/quote]
[quote]#tree h1 {color:pink;}[/quote]