您现在的位置是:网站首页> 编程资料编程资料
css+div的一些易错点小结_Div+CSS教程_CSS_网页制作_
2023-11-01
293人已围观
简介 最近在开发网站,经常用到css+div,在不断的错误中,发现一些规律.
开发尽量不要用margin和padding属性,因为在不同浏览器下效果会不同,建议使用line-height,如果一定要用,要注意在IE6和IE7与其他的浏览器的效果不同。在用的过程中如遇到问题,可以在百度里搜一下hack,里面会介绍如何解决。主要是:大家可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面,今天我就忘了次序问题,因为我用到的了margin-left,所以知道要在IE6和IE7下另外调整,于是写了 .xxxx{ *margin-left:10px; margin-left:30px; },我的想法是在IE6和IE7下执行*margin-left:10px , 在IE8和火狐下执行margin-left:30px。 我知道IE8和火狐不识别*margin-left:10px 但忘了IE6和IE7不但识别*margin-left:10px,而且还识别margin-left:30px。我想了好久,最后才明白过来,应该写成 .xxxx{ margin-left:30px; *margin-left:10px; },要注意先后次序的,后面的回覆前面的。
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面,今天我就忘了次序问题,因为我用到的了margin-left,所以知道要在IE6和IE7下另外调整,于是写了 .xxxx{ *margin-left:10px; margin-left:30px; },我的想法是在IE6和IE7下执行*margin-left:10px , 在IE8和火狐下执行margin-left:30px。 我知道IE8和火狐不识别*margin-left:10px 但忘了IE6和IE7不但识别*margin-left:10px,而且还识别margin-left:30px。我想了好久,最后才明白过来,应该写成 .xxxx{ margin-left:30px; *margin-left:10px; },要注意先后次序的,后面的回覆前面的。
相关内容
- li float后IE下有空格 _CSS教程_CSS_网页制作_
- footer 贴在底部的布局实现代码_CSS布局实例_CSS_网页制作_
- CSS Sprites简介以及优缺点_CSS教程_CSS_网页制作_
- CSS 避免使用滤镜_CSS教程_CSS_网页制作_
- FireFox正常 IE错位的绝对定位元素_浏览器兼容教程_CSS_网页制作_
- CSS 3D立方体制作_CSS教程_CSS_网页制作_
- css 不兼容性问题小结_浏览器兼容教程_CSS_网页制作_
- 雷霆战机刷钻石心得_无尽挑战烧饼辅助3.0刷钻石教程攻略_手机游戏_游戏攻略_
- 雷霆战机满级僚机属性排行榜一览_满级僚机哪个最好_手机游戏_游戏攻略_
- 雷霆战机五星紫色装备获得方法_五星紫色装备掉落小技巧_手机游戏_游戏攻略_
