Posted on 2008-05-19 15:34
leekiang 阅读(252)
评论(0) 编辑 收藏 所属分类:
web开发
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