css笔记

letitbe

1,设定span的width无效,原因是span的display默认为inline?
     解决:先设定display属性，可以设定成block或者inline-block即可。text-align无效时解决办法也一样。
2， <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"><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.onmouseover=function(){this.style.background="#0EF";}
   obj.rows.onmouseout=function(){this.style.background="";}
 }
</script>