body{ margin: 0; padding: 0; } ul,ol{ margin: 0; padding: 0; list-style: none; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; } a{ color: inherit; text-decoration: none; } table{ border-collapse: collapse; border-spacing: 0; } input,textarea,button{ border: none; outline: none; margin: 0; padding: 0; }
上面这段样式代码就是一个简单的 CSS Reset 样式表,其中包含了对于一些常用元素的样式置零处理,避免在不同浏览器下的差异,让页面保持一致的视觉效果。
当大家创建 Web 页面时,浏览器会自动为 HTML 元素应用一些默认的样式。因为不同浏览器之间存在一些不同的默认样式,所以为了让页面在各个浏览器中保持一致的表现,一种解决方案是使用 CSS Reset 技术。