实用CSS教程：从基础开始（二）

　　
3．层叠样式表格式 

　　般来说样式表声明分为选择符(selector)和块{}(block)块里包含属性(properties)和属性取值(value)基本格式如下:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　选择符 {属性:值}
　　其它格式1:
　　选择符1选择符2选择符3 {属性1:值1；属性2:值2；属性3:值3}


　　有时候多个选择符将使用相同设置为了简化代码我们可以次性为它们设置样式并在多个选择符的间加上“”来分隔它们

　　当有多个属性时候必须在两个属性的间用“；”来分隔

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　其它格式2:
　　选择符1 选择符2 {属性1:值1；属性2:值2；属性3:值3}


　　和格式1非常相似只是在选择符的间少加了“”但作用却大不相同表示如果选择符2包括内容同时包括在选择符1里时候所设置样式规则才起作用

4．层叠样式表分类

　　为了使网页格式不过分单调必需让相同选择符也能分类并能按照区别类别来进行区别样式设计基本格式如下:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　选择符.类别名 {属性:值}
　　类别名将可以在HTML标识符里引用:
　　<标识符 =类别名>网页内容


5．层叠样式表伪类

　　除了上述分类方式外为了使分类使用更灵活多样又产生了伪类概念类和伪类有什么样区别呢？

　　般地说选择符可以和多个类采用捆绑形式来设定这样虽然能够为同个选择符创建多种区别样式但捆绑形式同时也限制了设定类为其它选择符所使用伪类产生就是为了解决这个问题每个预声明伪类都可以被所有HTML标识符引用当然有些块级内容设置除外基本格式如下:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　.伪类名 {属性:值}
　　伪类可以被任何标识符在HTML里引用
　　<标识符 =伪类名>网页内容 


　　

延伸阅读