美文网首页
元素层级和背景

元素层级和背景

作者: 张明越 | 来源:发表于2019-05-31 17:23 被阅读0次

元素的层级

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:单元格之间的空白

相关文章

  • 元素层级和背景

    元素的层级 z-index 设立层级 没有开启,是不能使用z-index 子元素层级再高也永远盖不住父元素 元素的...

  • 元素的层级和背景

    z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z0index的声明 父元素的层级在怎么高也不会盖...

  • 元素的层级和背景

    z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明 父元素的层级再怎么高也不会盖...

  • 元素的层级和背景

    z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明 父元素的层级再怎么高也不会盖...

  • 元素的层级和背景

    z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明 父元素的层级再怎么高也不会盖...

  • 前端,元素的层级和背景

    z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明父元素的层级再怎么高也不会盖住...

  • 元素层级 背景 表格

    元素的层级 z-index 父元素层级在高,也不会盖住它的子元素 对于没有开启定位的元素不能使用z-index 如...

  • 元素层级、背景、表格

    元素层级 想要设置元素层级必须要开启定位(上一章有定位的描述) 后面的数字是设置层级的数字越大层级越高,但是父类的...

  • HTML 日常了解6

    固定定位 元素的层级 背景 背景偏移与定位 背景固定

  • 前端 元素的层级 背景

    background-colorbackground-color属性用来为元素设置背 景颜色。需要指定一个颜色值,...

网友评论

      本文标题:元素层级和背景

      本文链接:https://www.haomeiwen.com/subject/sgugtctx.html