Chapter 9 链接, 创建menu

链接样式的顺序

LoVe/HAte
必须使用以下顺序定义，才能全都生效

a:link { color: #f60;}
a:visited {color: #900;}
a:hover {color:#f33;}
a:active { color: #b2f511;}

如果改变以上顺序， hover和active状态将不起作用
因为他们的权重是一样的，谁出现在后面谁胜出

按钮生成器

http://css3button.net
*http://hellohappy.org/css3-buttons
http:///webdesignerwall.com/tutorials/css3-gradient-buttons

创建弹出式菜单

http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
http://red-team-design.com/css3-animated-dropdown-menu/
http://purecssmenu.com
https://gitbub.com/dansdom/plugins-navigation
http://css.maxdesign.com.au/listutorial
http://css.maxdesign.com.au/listamatic

图标预加载替换

在before 或者after 伪元素中加入的url(.../image.jpg) 会等到hover上去 才加载，
解决方案： 把要用到的图都放到一张图里面，使用background-postion 来实现换图