元素的层级(只有开启定位)
语法:z-index
数值越高,层级越高,在网页的最上层,
没有开启定位的元素不可以使用z-index,top,bottom,lef等
父元素层级在高,也不会盖住子元素
背景透明
语法:opacity
可选值:opacity可以用来设置元素背景的透明,它需要一个0-1之间的值
0 表示完全透明
1 表示完全不透明
0.5 表示半透明
在IE8及以下的浏览器需要使用如下属性代替
语法: filter:alpha(opacity=透明度)
透明度,需要一个0-100之间的值
0 表示完全透明
100 表示完全不透明
50 半透明
这种方式支持IE6,但是这种效果在IE Tester中无法测试
背景:background-image:url(图片.png)如果元素比图片小图片默认显示左上角
如果图片比元素小默认图片平铺充满元素
background-color:设置背景颜色 同时设置背景图片和背景颜色,背景颜色设为底色
background-repeat:设置图片显示 no-repeat,仅显示一次 repeat-x,-y单方向平铺
背景的偏移与定位:background-position:定义坐标调整图片位置 用两个值来设置水平方向一个值垂直方向一个值
值:top left ;botton left 第二个值不写默认center
设置正负值比较灵活
背景固定:
background-attachment:设置图片是否跟随滚动条滚动 fixed;
按钮练习:设置hover background-position:-50px 0px
简写背景属性: background:#fff url(img。png) no-repeat ;背景的所有属性都可以设置 没有的设置的是默认值
表格:<table>
<tr>代表行
<td ></td>代表列
</tr>
</table>
cospan=2 横向合并单元格 rowspan=2纵向合并单元格
border-spacing:0;设置单元格距离
border-collapse:collapse;设置边框合并 设置后 border-spacing会失效
<th></th>:表头,特殊的td 用法和td一样 默认效果,居中加粗
长表格:
<table>
<thead>表头 调换顺序不影响表格 分页打印
<tbody>表体
<tfoot>表尾
网友评论