1.盒子模型=网页布局的基石,由四部分组成:
边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)
2.设置顺序是顺时针:上、右、下、左。
三个值(上、左右、下)
两个值(上下、左右)
一个值(上下左右)
3.盒子的层次模型(由上到下)
边框(border)、盒子中的内容(content)+内边距(padding)、背景图像(background-image)、背景颜色(background-color)、外边距(margin)
盒子模型的尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容(content)
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow:水平偏移量 horizontal
v-shadow:垂直偏移量 vertical
blur:虚化程度
border-radius: 1-4 length|% / 1-4 length|%;
1个参数:4个角
2个参数:左上 右下 // 左下 右上
3个参数:左上// 左下右上 // 右下
4个参数: 各个圆角