美文网首页
背景图片 3月 前端 06Day

背景图片 3月 前端 06Day

作者: 恬恬i阿萌妹O_o | 来源:发表于2018-07-11 18:53 被阅读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>

 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里面;

相关文章

  • 背景图片 3月 前端 06Day

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

  • 前端06day

    opacity属性在IE8及以下的浏览器中不支持IE8及以下的浏览器需要使用如下属性代替alpha(opacity...

  • 前端06day

    浮动 display:inlineblock;块元素脱离文档流:,在父元素中浮动起来。宽度占父元素100% 块独占...

  • 06day

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • 网页06day

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

  • 前段------06day

    Document *{margin: 0;padding: 0;}ul{l...

  • 爬虫06day

    什么是xpath? xpath (lxml Path language)是一门在xml文档中查找信息的语言,可以遍...

  • 程序员趣图—Bug 是一门艺术

    Bug 是一门艺术 页面的背景图片 前端美如画 代码与啤酒更配 等我喝完咖啡再写代码 PHP 是世界上最好语言的原...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

  • CSS(下篇

    background 是复合属性 背景颜色: 背景图片: 铺平的方式: 设置背景图片大小: 背景图片定位移动: 设...

网友评论

      本文标题:背景图片 3月 前端 06Day

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