css笔记

1,设定span的width无效,原因是span的display默认为inline?
     解决:先设定display属性，可以设定成block或者inline-block即可。text-align无效时解决办法也一样。
2，

<title>鼠标划过表格行变色简洁实现,支持IE6、IE7、FF2</title>
 <style type="text/css">
   #tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;}
   #tb th{background:#EEE;border-bottom:1px solid #CCC;padding:4px;}
   #tb td{border:1px solid #EEE;padding:4px;}
 </style>
<script type="text/javascript">
 var obj=document.getElementById("tb");
 for(var i=0;i<obj.rows.length;i++){  //by丁学 http://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html
   obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
   obj.rows[i].onmouseout=function(){this.style.background="";}
 }
</script>

3,CSS Sprite
   指把整站的所有背景图片拼成一幅图片,然后利用css的位移技术,达到与原来同样的效果。
  例如
  .icon2 {
                    background:url(../images/ico.gif) no-repeat left -20px  
      }
 http://www.youtube.com/img/master.gif