盒子模型清除内外边距

清除内外边距

网页元素很多都带有默认的内外边距，而且不同浏览器默认的也不一致。

因此在布局前，首先要清除网页元素的内外边距。

<style>
        /* 这是CSS的第一行代码 */
        * {
            margin: 0;
            padding: 0;
        }
    </style>

注意：

行内元素为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距。但是转换为块级元素和行内块元素就可以。