在页面设计的时候，会碰到IE7和FF浏览都正常，而IE6却有些问题，甚至样式似乎不起作用，我总结了一下，主要有以下几点原因。
1、编码问题会造成IE6浏览样式丢失，这里主页是页面的编码和样式表的编码不同导致，可以把样式和页面都改成UTF-8或者ANSI，直接用记事本打开另存为，即可解决问题。
2、padding和margin问题，IE6下，这个属性，都会导致容器延伸，导致布局错位。可以把这些属性加在容器内部，这样只是在容器内部延伸，不会导致整个容器扩张。IE7和FF就不会出现这种问题
主要总结这两点问题，如果以后发现，再更新。
2008年6月13日
页面设计时，IE7和火狐没问题，IE6浏览不正常的问题解决办法
2008年6月6日
万能的float闭合，用来解决多个div对齐时的间距不对
万能的float 闭合，用来解决多个div对齐时的间距不对，将以下代码加入CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.
代码:
<style>
/* Clear Fix */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>
什么是CSS hack？CSS hack是怎么写的？
什么是CSS hack？
由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。
CSS hack是怎么写的？
请注意以下说明：
!important,火狐和IE7都能识别
*+html,目前只有IE7可以识别，而且需要顶部有以下代码申明：
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
*html,IE6和IE7可以识别
_,IE6支持下划线，IE7和firefox均不支持下划线。
在写CSS hack的过程中，顺序特别要注意，最被广泛识别的，放最前面，其次是浏览器版本低的放其次。
个人推荐使用以下模式，如：
<style>
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
</style>
2008年5月23日
用CSS实现拉动滚动条时固定网页背景不动
body{
background-image: url(./inc/bgbk.jpg);
background-attachment:fixed;
}
用CSS来实现多超过固定宽度用省略号代替
在完成一个网站时，因为要用到超过固定宽度时用省略号表示，有许多的方法都可以完成，但这都是要服务器付出代价的，那我们为何不用CSS来完成这样一个功能呢？看看下面的代码吧！
提示：你可以先修改部分代码再运行。
用CSS来设置onmouseover和onmouseout事件
用CSS来设置onmouseover事件实例：
ul{
/*设置onmouseover事件*/
onmouseover: expression(onmouseover=function (){this.style.borderColor =’#cccccc’;this.style.color=’#ffffff’;this.style.backgroundColor =’#0099ff’});
/*设置onmouseout事件*/
onmouseout: expression(onmouseout=function (){this.style.borderColor=”;this.style.color=”;this.style.backgroundColor =”});
background-color:#ffffff;
}
这段代码实现的功能就是当鼠标移动到ul列表时,背景就会变成蓝色,文字变成白色,边框变成灰色.这种效果一般用在当用UL代替表格时,实现的当整行变换效果!
2008年5月10日
用css来控制字间距和字母间距的方法
用css来控制字间距和字母间距的方法
利用CSS来定义字间距，你可以在字之间加入更多的距离：
如：
H3 { word-spacing: 1em }
你所使用的参数值将加入任何浏览器的默认设置，你可以使用下面的任何一种长度单位：
in （英寸）
cm （厘米）
mm （毫米）
pt （点数）
pc （打字机字间距）
em （ems）
ex (x-height)
px （象素）
以下为显示结果：
Behold the power of cheese.