DIV盒子介绍

 

 

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个参数: 各个圆角