normalize.css

normalize.css
normalize.css与reset.css的差别与官方讲解:
Normalize.css是一个小的CSS文件,它在HTML元素的默认样式中提供了更好的跨浏览器一致性。
Normalize.css是CSS重置的替代方法。

  1. Normalize.css保留有用的默认值:当元素在不同浏览器中具有不同的默认样式时,normalize.css旨在使这些样式保持一致并尽可能符合现代标准。
  2. Normalize.css纠正了常见的错误:它修复了常见的桌面和移动浏览器错误,这些错误超出了重置范围。这包括HTML5元素的显示设置,校正 font-size预格式文本,IE9中的SVG溢出以及浏览器和操作系统中许多与表单相关的错误。
  3. Normalize.css不会使您的调试工具混乱:使用重置时常见的烦恼是浏览器CSS调试工具中显示的大型继承链。
  4. Normalize.css是模块化的:该项目分为相对独立的部分,使您可以轻松查看哪些元素需要特定样式。
  5. Normalize.css有大量文档:您可以了解每行代码的作用,包含的原因,浏览器之间的差异

图片默认间距:几个img标签放在一起的时候,有些浏览器会有默认的间距.解决方案:float:left;
跟图片的对齐方式有关.解决方案:vertal-align:top;
二、IE6下浮动元素设置了margin双边距问题:解决方案:将浮动元素设置display:inline;为了能设置宽高,display:table。
三、设置最小高度(<10px),在IE6,IE7不起效
解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的,这个标签的高度还是会达到默认的行高。