1.shadow
1）box-shadow—设置div的阴影
上右下左 颜色
2）text-shadow：
上右下左 颜色
2.box-sizing
box-sizing:content-box—–表示盒子设置的对象只是盒子中的内容，不包括盒子的padding、border等
box-sizing:border-box——表示盒子设置的对象是盒子的整体，包括padding和border
水平居中的几种情况：(详细说明见coderwhyCSS第135个视频)
1）普通文本—text-align:center
2）行内元素—text-align:center
3）图片（行内替换元素）—text-align:center
4）行内块级元素（inline-block）-text-align:center
1）—4）的样式设置在父元素的盒子样式中
5）
块级元素（block）
—设置了宽度之后，
使用margin:0 auto;（样式设置在自己的盒子样式中）
（因为块级元素在设置了宽度之后，只是看起来宽度相对于父元素小，但是实际的布局中，它仍然占据一整行，所以设置text-align:center无意义。）
版权声明：本文为HJHAlone原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。