IE8下CSS写法的几点心得 -云主机博士

IE8下CSS写法的几点心得 -云主机博士 第1张

width:192px; height:55px; margin-top:100px; background:url(images/anniu01.gif) no-repeat left bottom;

要将上面的改成

width:192px; height:155px; background:url(images/anniu01.gif) no-repeat left 50px;

2.尽量用padding-top:,少用margin-top

 

今天总算升级到IE8了,感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox,有以下几个基本的窍门。

1、使用float后必须clear,否则IE8显示错误。

2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0,否则各种浏览器显示有误差。

3、line-height值最好是偶数,奇数显示有误差。

4、input 的text和password两种形式在IE8不定义字体(宋体)下长度高度不一样,可将input定义为font-family:Arial。

5、如果想在标题前后加小图标,最好不要直接用img,用img的话IE6行间距会缩小,应该用<li>加背景的形式。

...今天暂时只发现这几点,更多的以后继续总结。

实在不行再用分开定义的办法:

div {
margin:0; /* 给全部浏览器看 */
*margin:10px; /* 给IE6、IE7看 */
_margin:20px; /* 只给IE6看 */
}

附:基本CSS样式表

<style type="text/css">
body {
margin:0;
font-size:9pt;
line-height:18px;
}

h1,h2,h3,ul,li,dl,dt,dd,p {
margin:0;
padding:0;
}

ul {
list-style:none;
}

form {
margin:0;
}

input,textarea,select {
font-family:Arial;
font-size:9pt;
}

.clear {
clear:both;
}
</style>

宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取


iproyal.png
原文链接:,转发请注明来源!
「IE8下CSS写法的几点心得 -云主机博士」评论列表

发表评论