清除默认样式

为什么要清除默认样式？
1. 避免重复定义他们，提高样式代码的重用。
2. 设置自己的风格，字体，颜色等。
3. 减少代码->减少维护成本
4. 可以提供完全空白的画布，然后你就可以自己定义相应的样式了。
5. 开发更加有逻辑性：你只是添加样式而不是移除和修改。
6. 浏览器的兼容性问题可以降到最小。(每个浏览器默认样式不一样，比如行高，某个浏览器是1，另外一个浏览器可能是1.1，这样在开发网页写样式表的时候，处理起来比较麻烦，所以直接给重置统一，这样就能很方便的处理兼容性。)

1. 清除所有元素的内外边距

* {
    padding: 0;
    margin: 0;
}

2. 清除列表样式

ul,ol {
    list-style: none;
}

3. 清除字体颜色和下划线

a{
    color: inherit;
    text-decoration: none;
}

注释: inherit继承父级元素的属性值