转自小李刀刀 – 原文地址，对排版内容作了一些修改。

读到《重新认识 CSS 的权重》这篇*(链接已删除)*，鬼哥在文章最后给出了便于记忆的顺序：

!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符

最近在做项目时，使用 table，div，css 布局，最顶部加入 img（图片）后，底部总是有空白，经过查找了大量资料，问题总算是解决了。

网上朋友说是在进行页面的 DIV+CSS 排版时，遇到 IE6（当然有时 Firefox 下也会偶遇）浏览器中的图片元素 img 下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决 img 图片布局下边的多余空隙的 BUG 的常用方法归纳，供大家参考。