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