元素层级和背景

元素的层级

z-index 设立层级

没有开启，是不能使用z-index

子元素层级再高也永远盖不住父元素

元素的透明属性：opacity

(在IE8以下版本没有效果）

filter(滤镜): alpha(opacity=50)透明滤镜

---

背景：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 ；背景的所有属性都可以设置 没有的设置的是默认值

表格

tableRow 缩写<tr></tr>行

有几个单元格td列

---

合并

colspan 横合并

<td colspan="2">D3</td>

rowspan 纵合并

<td rowspan="2">D3</td>

border-spacing

border-collapse

th标签

它是td的特殊版

它的特点就是加粗和居中

---

长表格

thead表头

tbody表体

tfoot表尾

---

表格的布局

table布局实现，table标签使用如下：

<table>定义一个HTML表格，一个简单的HTML表格由<table> 元素以及<tbody> 和一个或多个 <tr>、<td>、<th>元素组成。、

<tr>：定义表格的行，一般不定义行的高度

<td>：定义表格的列、一般不定义列的高度

<th>：定义表头

<tbody>：定义表格主体。

属性：

align：left、center、right  （表格相对周围元素的对齐方式）

background：背景图片

border：边框宽度

cellpadding：单元格边沿与其内容之间的空白

cellspacing：单元格之间的空白