padding and margin
1、如果盒子没有width / height ,则设置padding不会撑开盒子大小,它盒子的width/height与父元素保持一致
2、块级元素--水平居中--margin:auto
行内元素和行内块元素--水平居中 -- 给父元素设置text-align: center
3、嵌套块元素-存在外边距合并的问题
![](https://img2020.cnblogs.com/blog/988465/202004/988465-20200409195829257-913188847.png)
解决方案:
①可以为父元素定义上边框
②可以为父元素定义内边距
③可以为父元素添加overflow: hidden
4、行内元素--设置点的上下padding无效
5、清楚所有元素的内外边距
![](https://img2020.cnblogs.com/blog/988465/202004/988465-20200409200837371-1017278844.png)
6、如果子元素宽度或者高度,和父元素一行,则设置100%
7、list-style:none // 去除li标签前的小圆点
8、box-shadow : h-shadow v-shadow blur spread color inset
9、text-shadow: h-shadow v-shadow blur color