链接样式的顺序
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 来实现换图
网友评论