因为,是做产品,所以领导要求比较严格;
结构要合理,宽度得自动适应,更换要方便,加载速度得快;
第一次是这样写的:
<a href="" title="" class="btn-blue">
<span class="btn-blue-r"></span>
<span class="btn-blue-m">蓝色按钮</span>
</a>
第二次是这样写的:
<a href="" title="" class="btn-blue"> <span></span> <em>蓝色按钮</em> </a>
然后又改了下:
<span href="" title="" class="btn-blue"> <label></label> <em>蓝色按钮</em> </span>
最后又想了下:
<span href="" title="" class="btn-blue"> <label></label> <button>蓝色按钮</button> </span>
到底哪种更好一点呢,因为要考虑到默认效果、hover效果和鼠标按下的效果;
如果最外围用a标签,就没办法控制鼠标按下的效果了