【css_3】盒子模型

一、网页布局的本质

首先放好盒子，然后盒子中放入相应的元素

二、盒子模型（box model）

盒子模型有元素内容（蓝色）、内边距（绿色）、边框（黄色）、外边距（橘黄色）组成

1、边框border

盒子的厚度

2、内边距padding

元素内容与盒子边框之间的距离

3、外边距margin

盒子与盒子之间的距离

4、ps基本操作及快捷键

5、圆角边框：

正方形：border-radius:ength;(border-radius:50%;)

长方形：border-radius: 高度的百分之多少，写具体px值

6、盒子阴影：

box-shadow: 水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影

内外阴影，默认外阴影不写，内阴影inset

四、盒子模型布局稳定性