美文网首页
背景、表格

背景、表格

作者: 2simple | 来源:发表于2018-07-11 20:33 被阅读0次

z-inlin 可以提升定位元素所在的层级;对于没有开启的时候不能用z-inline;

z-index可以指定一个整数作为参数,值越大元素显示的优先级越高,也就是z-index 值较大的元素会显示在网页的最上层;

透明度的问题 : 0 表示完全透明;   1表示不透明;

background-color    背景颜色

background-color属性用来为元素设置背景颜色。

需要指定一个颜色值,当指定了一个颜色以后,整个元素的可见区域都会使用这个 颜色作为背景色。 如果不设置背景颜色,元素默认背景颜色 为透明,实际上会显示父元素的背景颜色。

background-image    背景图片

background-image可以为元素指定背景 图片,和background-color类似,这里使用的是一个图片作为背景。                       一个url地址作为参数,url地址需要指向一个外部图片的路径

例如:background-image: url(1.jpg)

background-repeat    背景图片的重复

background-repeat用于控制背景图片的重复方式。如果只设置背景图片默认背景图片将会使用平铺的方式,可以                通过该属性进行修改。

repeat:默认值,图片左右上下平铺

no-repeat:只显示图片一次,不会平铺

repeat-x:沿x轴水平平铺一张图片

repeat-y:沿y轴水平平铺一张图片

background-position     背景的起始位置

background-position用来精确控制背景 图片在元素中的位置。可以通过三种方式来确定图片在水平方向 和垂直方                            向的起点。

关键字:top right bottom left center            百分比                  数值

如果只给一个值的话,第二个会默认为center,

background-attachment     用来设置背景图片是否随页面滚动

scroll:随页面滚动            fixed:不随页面滚动

雪碧图的特点 : 可以吧多张图片整合到一张图片上,提高用户的访问效率。

background是背景的简写属性

可以一次性设置多个样式,而且样式的顺序没有要求。

CSS Sprites是一种网页图片应用处理方式。

通过这种方式我们可以将网页中的零星图 片集中放到一张大图上。

这样一来,一次请求便可以同时加载多张图片,大大提高了图片的加载效率

表格    格式化的数据;

使用 table  标签创建一个表格。

tr  表示表格中的一行。

tr  中可以编写一个或多个 或 

th 表示表头。

td  表示表格中的一个单元格。

在 body  标签里面写 table     tr 行   ,一行里有一对  tr    td   列;

使用 td 来创建单元格;

可以在 table  里面写 border    例如 :  table boder="1"

想要有几行就用 tr        有几个 dt  就有几个单元格;       align   对齐;

caption表示表格的标题。

thead表示表格的头部。

tbody表示表格的主体。

tfoot表示表格的底部。

合并单元格指将两个或两个以上的单元格 合并为一个单元格。

合并单元格可以通过在th或td中设置属性 来完成。

横向合并    colspan        纵向合并    rowspan

text-align:设置文本的水平对齐。

vertical-align:设置文本的垂直对齐。

可选值:top、baseline、middle、bottom

border-spacing:边框间距

border-collapse:合并边框

collapse:合并边框

separate:不合并边框

表格是对页面进行布局的;

在表格中如果没有写  thead ,他会默认给你放入tbody里面;

相关文章

  • 背景、表格

    z-inlin可以提升定位元素所在的层级;对于没有开启的时候不能用z-inline; z-index可以指定一个整...

  • 表格 、背景

    1.按钮练习 2.背景 3.背景属性 4.表格 5.给表格添加样式 6.导航标 7.固定单位 8.给表格添加样式 ...

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

    元素的层级(只有开启定位) 语法:z-index 数值越高,层级越高,在网页的最上层, 没有开启定位的元素不可以使...

  • css 常见编程题

    请写一个表格以及对应的CSS,使表格奇数行为白色背景,偶数行为灰色背景,鼠标移上去时为黄色背景。

  • 前端(06 HTML知识)

    1.背景 2.表格

  • 表格

    背景简写属性 表格 表单 作业

  • 前端

    1.背景 2.表格

  • 元素层级 背景 表格

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

  • 背景设置与表格

    1z-index 开启定位以后。z-index:1;数越大层级越高。 层级z轴。父元素层级比子元素高,但是父元素也...

  • 设置背景与表格

    1:设置背景 简单的说几点吧 1图片小鱼界面大小,默认平铺2背景移动与定位3背景颜色4表格的基本设置 1:可以同时...

网友评论

      本文标题:背景、表格

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