元素的层级,背景透明,背景固定,表格,长表格

元素的层级(只有开启定位)

语法: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>表尾

猜你喜欢

转载自blog.csdn.net/weixin_34007291/article/details/90934883
今日推荐