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