美文网首页
背景、表格

背景、表格

作者: 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里面;

    相关文章

      网友评论

          本文标题:背景、表格

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