`

css中几个简单的hack写法

    博客分类:
  • css
阅读更多
项目中遇到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 开头空两格
http://www.w3cfuns.com/portal.php


css中line-height的使用技巧
如果网页元素的字体大小12px-14px,line-height最好设置为1.5em-1.8em的间距,且字号越大,行间距越小
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics