css3 学习

css3新特性简介：

1. 强大的CSS3选择器
2. 抛弃图片的视觉效果
3. 盒子模型的变化（多列布局和弹性盒模型）
4. 阴影效果
5. Web字体和Web Font图标
6. CSS3过渡与动画交互效果
7. 媒体查询

强大的CSS3选择器

1.伪类选择器

选择器	作用
: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	选择的元素里面没有任何内容
:first-letter	将特殊的样式添加到文本的首字母
:first-line	将特殊的样式添加到文本的首行
:before	在某元素之前插入某些内容
:after	在某元素之后插入某些内容