盒模型 标签属性

1 盒模型

组成部分：margin + border + padding + content(width * height)

margin ：用于移动盒子的位置

边框和背景颜色以外的部分

margin:auto

margin-top传递问题

border

solid / dashed / dotted / double

三角形 (宽高为0，设置透明边框，对边颜色)

padding ：移动内容的位置 -- 会把盒子撑大

边框和背景颜色以内的部分

盒模型的实际宽度计算 = margin + border + padding + width

2 背景属性

background-color

background-image

background-repeat

background-position

background-attachment

background-size ---- 必须单独使用

background : red url() no-repeat 10px 20px fixed ;

3 背景图和图片插入的区分使用

不会更换的小图标使用背景图

经常更换的图片使用Img插入

4 列表样式 -- 切图用背景图插入

5 伪类选择器

:link

:visited

:hover

:active

6 网页的版心