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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 元素的层级: 如果定位元素的层级是一样,则下边的元素会盖住上边的 通过z-index属性可以用来设置元素的层级 可...
    彝_e37e阅读 707评论 0 0
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,357评论 0 11
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,680评论 0 7
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 1,579评论 0 0
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,666评论 0 6