这篇经验将继续聊一下在WEB前端开发过程中，使用CSS的若干小技巧。
!important 其实没那么重要
在CSS的优先级中，!important 的优先级应该说是最高的了，ta拥有覆盖一切的力量，但这股力量也让人很痛苦，尤其是在重写样式的时候，当你发现无论怎么修改样式，元素的样式都不为所动，只是因为某个地方使用到了这个属性，心中估计会有一万只草泥马路过。所以，这个属性就如同ta的名字一样，不重要~，在实际开发中尽量避免对这个属性的使用。
img标签的空白问题
1
如果你使用一个块标签去包裹若干个img标签，父级宽高有子级撑起来，你就会发现，img标签之间有很明显的间隙。
2
这是因为，img标签是内联标签，即行内元素（inline-block），如果在img标签前后放一些文字，这些文字会与图片排在同一行，他们与图片组成了同一块行内元素，所以造成了图片之间有间隙。注意：空格或者换行符也是文字喔~把html代码布局中的空格去掉试试~
3
还有种解决方式是设置块标签的font-size属性为0，道理其实是一样的，但不太推荐；还有就是设置img标签为块标签，然后使用浮动，但注意要清除一下浮动对父级标签的影响。
浮动与清除浮动
1
float的出现，让我们得以实现多样的页面布局，但在使用'浮动'前要先了解'清除浮动'，因为浮动会造成父级元素的高度塌陷（场景为父级的高度是由子级撑起的），所以要清除浮动对子级带来的影响。
2
法1：给父级设置固定的高度和宽度；法2：:给父级加入一个使用“clear:both”样式的子级元素；法3：给父级设置“overflo:hidden';
3
法4（推荐方法）:使用伪类after去清除浮动，是一种常见的方法。
上一篇：html+css知识点总结
下一篇：css中float用法