当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css+div的一些易错点小结

CSS样式表
面向对象的CSS应用
css 文字按钮实现样式submit按钮以文本的形式显示出来
CSS 选择符的用法和实例
CSS a:hover伪类在IE6下的问题
IE6下CSS定义DIV高度的问题
CSS网页实例 利用box-sizing实现div仿框架结构实现代码
CSS样式表与HTML网页的关系分析
设计稿进行页面制作的流程和注意事项
CSS压缩的技巧与工具
CSS @font-face属性实现在网页中嵌入任意字体
通过css样式控制单元格文本超长省略
运用比较纯的CSS打造很Web2.0的按钮
CSS expression 隔行换色效果
CSS 制作有弹性的日历表
CSS Cookbook创建水平导航菜单
CSS Cookbook 创建文字导航菜单和翻转特效
区别div和span、relative和absolute、display和visibility
让页脚紧贴页面底部的CSS代码
Firefox下div层被Flash遮住的解决方法
ins标签什么时候使用

CSS样式表 中的 css+div的一些易错点小结


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 77 ::
收藏到网摘: n/a

开发尽量不要用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; },要注意先后次序的,后面的回覆前面的。