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

4,html中块注释css
条件注释的基本结构和HTML的注释(<!-- -->)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。只能使用在HTML文件里，而不能在CSS文件中使用。
<!--[if IE 6]>
<style type="text/css">
    #mydiv{position:absolute;}
</style>
<![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
见 http://hi.baidu.com/mengqing723/blog/item/c39020248f51f33ac9955947.html

5,汉字对齐的问题，尤其是4个字和5个字如何对齐
对齐的问题，有点郁闷。刚开始只能声明text-align属性来进行对齐。但是各行的字数又不一样，试了下word-spacing，但是不起作用。word-spacing这个属性对中文没用，不过在中文之间加个空格就生效了。可能老外觉得两词之间没空格就是一个词：helloworld，你好。试验了下letter-spacing，生效，说明浏览器把没空格的中文当成字母了。
word-spacing用于修改字间距离。这里的“字”，简单的说，可以是任何非空白字符组成的串，并由某种空白符包围。所以象形文字是无法指定word-spacing的，除非字之间有空格。见http://www.cnblogs.com/fivewood/archive/2009/08/31/1557500.html