CSS-盒子内边距产生的问题，指定宽度的盒子水平居中（块级元素），文本、行内元素、行内块级元素水平居中， 如何清除元素的默认边距

内边距产生的问题

在标准盒子模型中，如果盒子设置了宽高后再给盒子设置 padding 就会改变原来盒子的大小，解决办法：用设置的宽高值减去对应的 padding 值，再将盒子的宽高设置为计算后的值即可

指定宽度的盒子水平居中（块级元素）

想要盒子水平居中，首先盒子的宽度必须是已知的（设置了宽度），然后将盒子左右的 margin 值设置为 auto 即可

如下的几种写法都可以：

• margin-left: auto; margin-right: auto;
• margin: auto;
• margin: 0 auto;

文本、行内元素、行内块级元素水平居中

块级元素通过设置 CSS 中的 text-align 样式属性可以块级元素中的文本、行内元素、行内块级元素水平居中；将其属性值设置为 center 即可

清除元素的默认边距

一些元素，默认带有padding 或 margin 比如 p、 ul 等标签；所以，为了在开发网站的时候，便于控制，总会清除这个默认的 padding、margin

通过如下方法可以清除默认的 padding 和 margin

*{
    margin: 0;
    padding: 0;
}

CSS 样式属性的属性值为 零 时可以不带单位；另外一些属性值为小数的时候可以将 零省略（0.5 可简写为 .5）

* 的效率不高，实际的开发过程中并不用，所以我们使用并集选择器，罗列出所有需要清除默认边距的标签，哪个标签需要清除加上需要清除的标签即可：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin: 0;
    padding: 0;
}