css

1. 图像倒影

img { -webkit-box-reflect: above|below|left|right 10px;}

2. 鼠标滑过按钮
3. css3图片动画效果
4. 背景色

background-color: #000; 
opacity:0.5;

5. 多类选择器（.className1.className2）不被ie6支持
6. 子元素选择器(E>F),IE6不支持子元素选择器
7. 相邻兄弟元素选择器(E + F),IE6不支持
8. 通用兄弟选择器（Ｅ 〜 Ｆ）,IE6不支持
9. 群组选择器（selector1,selector2,...,selectorN）
10. 属性选择器
    E[attr]：只使用属性名，但没有确定任何属性值；
    E[attr="value"]：指定属性名，并指定了该属性的属性值；
    E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；
    E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；
    E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；
    E[attr="value"]*：指定了属性名，并且有属性值，而且属值中包含了value；
    E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;
11. css伪类

/*其中E为元素;
pseudo-class为伪类名称;
property是css的属性;
value为css的属性值*/
E:pseudo-class {property:value}
a:link {color:red;}
E.class:pseudo-class{property:value}
a.selected:hover {color: blue;}
//动态伪类（锚点伪类/用户行为伪类）
:link
:visited
:hover
:active
:focus
//UI元素状态伪类
:enabled
:disabled
:checked
//CSS3结构类
:first-child//选择某个元素的第一个子元素；
:last-child//选择某个元素的最后一个子元素；
:nth-child()//选择某个元素的一个或多个特定的子元素；
:nth-last-child()//选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；
:nth-of-type()//选择指定的元素；
:nth-last-of-type()//选择指定的元素，从元素的最后一个开始计算；
:first-of-type//选择一个上级元素下的第一个同类子元素；
:last-of-type//选择一个上级元素的最后一个同类子元素；
:only-child//选择的元素是它的父元素的唯一一个了元素；
:only-of-type//选择一个元素是它的上级元素的唯一一个相同类型的子元素；
:empty//选择的元素里面没有任何内容。
:not
//伪元素
::first-letter,
::first-line,
::before,
::after
::selection

:nth-child(length);/*参数是具体数字*/ 
:nth-child(n);/*参数是n,n从0开始计算*/ 
:nth-child(n*length)/*n的倍数选择，n从0开始算*/
:nth-child(n+length);/*选择大于length后面的元素*/ 
:nth-child(-n+length)/*选择小于length前面的元素*/ 
:nth-child(n*length+1);/*表示隔几选一*/ 
//上面length为整数 

11. 示例

.demo a[href][title]  //IE6不支持

12. media

屏幕（screen）
打印（print）
“all”表示的是支持所有媒体介质

参考

兼容各浏览器的CSS倒影效果
CSS3图片倒影技术
基于CSS3 animation的鼠标滑过按钮特效
css3
CSS3属性教程与案例分享