伪类：伪类用于当已有元素处于某个状态时，为其添加对应的样式，
这个状态时根据用户行为而动态变化
伪元素
伪元素用于创建一些不在文档树中的元素，并为其添加样式
link visited hover active的一般顺序
结果：代码效果
处理浮动（添加一个标签） 多加了最后一个li 使得navbar的黑色显示出来
使用after清除浮动 这种相比上一种html相对简介一些
更简洁写法 *zoom：1 为兼容IE6 7
一个bubble 冒泡标签
省标签写法 节省了一个span标签
checkbox上的应用
字体图标上的应用 字体图标的应用
参考： Alloy Team 总结伪类与伪元素
W3C - Pseudo-elements and pseudo-classes
W3C - Pseudo-elements and pseudo-classes 翻译版