CSS盒子模型（2）

清除默认内外边距

场景：

浏览器会默认给部分标签设置默认的margin和padding，但一般在项目开始前需要先清除这些标签默认的margin和padding，后续自己设置

• 比如：body标签默认有margin：8px
• 比如：p标签默认有上下的margin
• 比如：ul标签默认有上下的margin和padding-left
• .....

解决方法：

    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>

---

版心居中

版心：指代的是网页的有效内容。

margin： 0 auto；

    <style>
        div {
            width: 1000px;
            height: 300px;
            background-color: pink;
            margin: 0 auto;
        }
    </style>