本文介绍了几种 CSS 的 hack 写法及其在不同浏览器中的兼容性问题，特别是 IE6 到 IE9 和 Firefox 的差异。同时分享了 line-height 的使用技巧。
项目中遇到css 问题，怎么调试无果，详细看了css基础篇后发现几个css 的hack写法，记录下，以免忘记
#content{
height:20px !important;
height:100px;
}
#header{
height:20px;
*height:30px;
}
!important可以兼容IE7/IE8/IE9/Firefox 但是无法在IE6下运行（可恶的IE6）,它只认识height,所以IE6的浏览器运行此处时，会跳过第一句，运行第二句,是无赖之举呀
下面的代码也是一样，IE6/IE7 认识*height 所以继续运行第二句
text-indent:2em 开头空两格
[url]http://www.w3cfuns.com/portal.php[/url]
css中line-height的使用技巧
如果网页元素的字体大小12px-14px，line-height最好设置为1.5em-1.8em的间距，且字号越大，行间距越小
#content{
height:20px !important;
height:100px;
}
#header{
height:20px;
*height:30px;
}
!important可以兼容IE7/IE8/IE9/Firefox 但是无法在IE6下运行（可恶的IE6）,它只认识height,所以IE6的浏览器运行此处时，会跳过第一句，运行第二句,是无赖之举呀
下面的代码也是一样，IE6/IE7 认识*height 所以继续运行第二句
text-indent:2em 开头空两格
[url]http://www.w3cfuns.com/portal.php[/url]
css中line-height的使用技巧
如果网页元素的字体大小12px-14px，line-height最好设置为1.5em-1.8em的间距，且字号越大，行间距越小
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
