老版本浏览器兼容,css2学习

/*

行间隔,盒子模型每个div的行间用一个类clearfix来达到间隔10px的效果;

清除浮动,用clear:both

超出高度隐藏,ie的div默认高度是18px,超出部分会被撑开,所以用overfllow:hidden

*/

.clearfix {

      float:left;

      height:10px;

      width:100%;

      clear:both;

      overfllow:hidden;

}

/*

因为css2没有圆角效果,所以用图片来做

下层用图片的右上角,下层是box

下层用图片的左上角,上层是box里的h3

*/

.box  {

     width:300px;

     height:30px;

     line-height:30px;

     background:url(img/tit-bg.gif) no-repeat right;

}

.box h3 {

     width:100px;

     backgriound:url(img/tit-bg.gif) no-repeat left;

}

…………待续..................................

你可能感兴趣的:(前端开发)