0529day03

1.css背景类样式

background-image（背景图片）

background-repeat（背景图片的重复）repeat-x x轴重复、repeat-y y轴重复、on-repeat 不重复，只显示一次。

background-position（背景图片定位）取值有2个

雪碧图:各个小图标的集合，使用的目的是减少http的请求次数。

 

2.框模型

任何一个元素都可以理解成一个盒子

盒子模型的组成

外边框: margin 盒子与盒子之间的距离

padding:内边距 盒子里的填充物

border:边框 包装盒

content:内容 买好的东西

margin:4个属性，margin-top、margin-right、margin-bottom、margin-left

是可以合并的写，按照，上右下左的顺序

也可以单独拿出来写，，写一个，四个值四个值相同，这两个，上右，对标补齐，这三个，上右下，对边补齐

border，四个属性，border-color, border-style, border-width, border-height

四个属性都可以再细分上下左右4种

3.定位

相对定位:一般不去用top、left、right、bottom

绝对定位:一般不用margin,元素会脱离文档流

一一般一起出现，相对定位的作用一般是管着绝对定位，所有下拉框都是配合相对定位完成。

固定定位，元素会脱离文档流

使用场景，回到顶部，侧边栏广告。

4.溢出隐藏,,主要用于清除浮动（overflow:hidden）

溢出部分以滚动条显示（overflow-scroll）