html盒子模型

1.外边距典型应用：外边距可以让块级盒子水平居中，但必须满足两个条件：

（1）盒子必须指定了宽度（width）

（2）盒子左右外边距都设置为auto：margin：0 auto；

（若想让行内元素或者行内块元素水平居中给其父元素添加text-align：center即可）

2.外边距合并问题：使用margin定义块元素的垂直外边距时，可能会出现外边距的合并

（1）相邻块元素垂直外边距的合并

（2）嵌套块级元素垂直外边距塌陷：对于两个嵌套关系的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值

解决方案：①可以为父元素定义上边框

                  ②可以为父元素定义上内边距

                  ③可以为父元素添加overflow：hidden

3.去掉li前面的小圆点：list-style：none；

4.圆角边框：border-radius

如果是正方形想要设置成一个圆形：border-radius：50%（修改成宽度和高度的一半）

5.盒子阴影：box-shadow：h-shadow v-shadow

6．文字阴影：text-shadow：h-shadow v-shadow