css選擇符大雜燴
类型选择符：单指元素的名字，而没有大于号和小于号
类选择符：选择所有赋有相同类的元素 一个点号后面跟类名，类选择符要跟着类名的后面。 可以把加在通配符*的后面来选择文档中所有赋予该类的元素，
Id 选择符
群组选择符：多个选择符用逗号连起来
后代选择符：多个选择符用空白连起来
子选择符：多个选择符用大于号连起来
首子选择符： 把:first-child加在任何选择符后。
兄弟选择符：多个选择符用加号连接起来
属性存在选择符：帮你选择含有某个属性的元素，用中括号包围的属性的名字。SELECTOR[title]
属性词汇选择符：帮你选择属性中包含了某个具体词汇的元素 SELECTOR[title = “WORD”]
属性值选择符： 帮你选择属性值中包含了某个具体值的元素 SELECTOR[ title =”EXACT_MATCH_OF_ENTIRE_VALUE”]
Ie6不支持，ie7支持较好
僞类元素选择符：
ELEMENT:first-letter {STYLES}
*.CLASS:first-letter {STYLES}
#ID:first-letter {STYLES}
ELEMENT:first-line {STYLES}
*.CLASS:first- line {STYLES}
#ID:first- line {STYLES}
注意：first-element, first-line只对终端块状元素相搭配，对内联元素或结构化块状元素不起作用。
局限：Ie6不支持，除非是选择符链中的最后一个选择符。Ie7中修正了。
First-letter 与font，text属性搭配很好。浏览器不能定位僞类元素，对他们的排列也存为问题，也就是说：postion，left，right，top，bottom僞类元素不起作用。同样vertical-align对僞类的处理也不一致。
浏览器也会有一些例外的情况，如他们不能选择第一个字母或者选择不止第一个字母，例如当图片或对象放在第一个字母前，所有主流浏览器都不能选择第一个字母，比如opera 9 不会选择单元格的第一个字母，ie6则把列表选项中的第一个字母和列表标识都一起选择。最后，僞类元素还会触发浏览器报错，所有一定要在所有主流浏览器中仔细检查你所使用的僞类元素
当僞类选择符位于群组选择符中，ie6将不能识别他们。必须声明 DOCTYPE，这样 :first-child 才能在 IE 中生效。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
僞類選ਓ
相关文档：
竞争规则：css允许多次将同一个规则赋予某个元素。层叠排序根据规则中使用的选择符将规则划分6组，高优先级组里的规则会覆盖低优先级组里的规则。普通的选择符会设置文档的总体样式，更具体的选择符会覆盖普通选择符，以为其提供更加特殊的样式
6个选择符群组：
1. 使用!important规 ......
1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别，包括：
· ul和ol的默认padding值是不一样的，在Firefox中， ......
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体" ......
外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式，具体研究了XHTML加载CSS
的几种方式，其中外部引用CSS
分为两种方式link
和@import
。
本质上，这两种方式都是为了加载CSS
文件，但还是存在着细微的差别。
* 差别1：老祖宗的差别。link
属于XHTML标签，而@import
完全是CSS
提� ......
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!imp ......
