/*温馨提示：若觉得黑白的反差“亮瞎眼”，可适当调低屏幕亮度~*/
今天我希望在画家的路上走走，惊叹于CSS的神奇之余，发现我对类似“ ：*** ”的东西好陌生，于是乎，让我们来认识一下它吧。
1.CSS伪元素
:first-line 用于向文本的首行设置特殊样式
:first-letter 用于向文本的首字母设置特殊样式(font color background margin padding border float vertical-align[float为none时] text-decoration text-transform line-height clear)
以上两个伪元素可以配合使用
:before 可以在内容前面插入新内容 eg. h1:before{content:url(***.gif)} 在内容前插入图片
:after 可以在内容后面插入新内容
2.CSS伪类
:link 定义未访问链接样式
:visited 定义已访问链接的样式
:hover 定义鼠标移动到链接上时的元素
:active 定义已选链接的样式 （IE7，IE6不支持）
以上属性定义时应注意定义顺序，在IE6中，链接以上4个链接相关的伪类只能用于<a>标签
:focus 设置获得焦点时的样式（IE下不工作，但若规定了！DOCUTYPE，则IE8及以上版本支持）
:first-child 设置第一个子对象（注意：不是元素）样式（必须声明！DOCUTYPE，在IE下才生效）
:land 为不同语言定义特殊规则
最后感受一下CSS的魅力吧~灵活利用CSS2+CSS3+:before+:after
