Div盒子模型

1、边框属性

 1、边框样式（border-style）：none，solid（单实线），dashed(虚线)，dotted(点线），double(双实线)

border-top(上下右左）-style

2、边框颜色：border-color

3、边框宽度：border-width

4、综合边框设置：border-top(上下右左）：宽度  样式 颜色

2、内外边距

1、外边距属性

元素边框与相邻元素之间的距离：margin

2、内边距属性

元素内容与边框之间的距离（内填充）：padding

3、网页背景

1、背景图像

body{

        background-color:#ccc;/*设置网页的背景颜色*/

        background-image:url(img/jianbian.jpg);/*设置网页的背景图像*/

        }

2、背景图像平铺

1*、repeat:沿水平和竖直两个方向平铺（默认值）

2*no-repeat:不平铺（图像位于元素的左上角，只显示一次）

3*repeat-x:只沿着水平方向平铺

4*repea-y：只沿着竖直方向平铺

3、图像位置

background-position:

--水平方向：left   center   right

--垂直方向：top  center    bottom

4、设置背景图像固定

background-attachment：

--图像随页面一起滚动：scroll（默认值）

--固定不随滚动：fixed

5、综合

background：背景色   url("图像")   平铺  定位  固定；

各个样式顺序任意，中间用空格隔开，不需要的样式可以省略

4、链接伪类

 

 

 

5、元素的类型