前端学习笔记之shadow以及水平居中

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无意义。）