css第五节

position定位

absolute：绝对定位

static:自动定位

relative：相对定位

fixed：固定定位

z-index层叠性的优先级

css的背景

background-image：url（img/文件路径）；背景图

background-repeat：no-repeat； 照片不重复，只显一张

（repeat-x；横向重复，repeat-y；纵向重复）

background-repeat：repeat；平铺所有图片

background-attachment照片是否按照滚动条滚动还是默认不动

background-attachment：fixed；默认，背景图不随着滚动条变化

scroll；随鼠标滚动而滚动

background-position；背景图片位置设置

background-position：left bottom；图片在左边 底部

background-position：0 50px； 横向 纵向（x，y）

background： 颜色 图片路径 平铺设置 背景图是否发生滚动 背景位置；

background yellow url（图片路径） no-repeat 20px 10px；

样式后面加： hover｛ background-image:url (图片路径)；

display：inline-block；行内块级标签

*display：inline；只有ie6和7识别

letter-spacing:-3px;间距减少

margin-left:auto；外边距自动适应

i标签插入样式可以设置属性行内快和背景图放icon图标

vertical-align：middle；和display：inline-block；配合使用可以控制i

标签上下移动，可以排除其他行内标签的变动；

display：none；直接删除属性

overflow：hidden；超出部分隐藏

visibility：hidden；隐藏属性；

css内容移除某个区域：

text-index：-2000em；

使用挤盒子方法 ，父子盒子 用内边距或者外边距和overflow：hidden;隐

藏多的内容

滑动门：利用2个图片浮动来解决背景的图的拉长。

或者利用3张背景图来制作。

解决inline-block行内快的空隙：

1.用div：font-size=0方法；（） 行内属性再加font-size字体大小

2.使用html注释消除空除法；直接去处行内属性之间编辑的空格

3.可以使用float方法

4.可以用letter-spacing或者 word-space

css圆角化：

border-radius：5px；  盒子四角圆角

table盒子

boder-collapse：collapse；table盒子tr+td合并 显示