《CSS那些事儿》之阅读笔记

1.IE6不支持子代(>)和相邻兄弟选择器(+)。

2.建议少有@import因为外部css,IE6下会出现闪屏现象。

3.大型复杂网站,定义通用样式,不要过分细分css,适当的注释可以提高修改和搜索的便利性。

4.单列自适应结构

.container:after{  //父元素

content:'';

display:block;

clear:both;

}

.left{ //左侧子元素

float:left;

width:400px;

border:2px solid#0000fe;

margin-right:-400px;

}

.right{  //右侧子元素

float:right;

width:auto;

margin-left:400px;

border:2px solid#0000fe;

}

5.background-image属性高于background-color,背景图会在背景颜色上面展示。

6.IE6中如何正常显示png-24格式的图片。

7.设置display:inline,解决IE6双倍间距(margin)的bug问题。

8.清除浮动的5种方法

① 在浮动的子元素最后加一个<br clear="all"/>,清除浮动(ie6的效果,需在父元素加上zoom:1修正)。

② 也可以在相邻的子元素设置清除浮动。

③ 设置父元素overflow:hidden,清除浮动,前提保证父元素内容不能超过其内容区域。

④ 利用设置父元素display:table,清除浮动(ie6及早期FF版本支持性不好)。

⑤ 利用父元素设置:after清除浮动

欢迎指正及补充!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 4,640评论 0 1
  • 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能...
    卡卡西哥哥阅读 3,723评论 0 1
  • Web前端开发精品课读书笔记[toc] HTML与CSS进阶教程 小知识 最新HTML标准文档说明简化, 大小写不...
    hi句身阅读 3,068评论 0 0
  • 迟迟古道惊春雨,绿柳依依不忍离。 陌上花开归户牖,庭前桃蕊舞清溪。 注:新韵,首句平起不入韵。 1、迟迟:出自于先...
    幽小窗阅读 4,032评论 30 50

友情链接更多精彩内容