(1.)background-imge属性: 只需要给定图片的url即可实现给div或其他标签设置背景图片

    但是当盒子过大或者图片小,图片无法填满整个容器,就可以使用background-repeat属性:用于设定背景的铺放方式,有下面几个值

   + repeat: 默认值,垂直和水平方向都重复铺放

   + repeat-x:  顾名思义,沿着浏览器的x轴方向

   + repeat-y: 与-x相对,沿着y轴方向(注意浏览器的y轴是从上至下)

   + no-repeat: 意思就是不铺放

   + inherit: 继承父元素的此属性(基本没见过)

   要是你需要将图片与容器的右上角对齐怎么办:--->于是诞生了background-position属性(用于定位图片的位置)有三种设置位置的方式(就是css中常用的位置设置方式)

   i.

   + 通过center,left,right,top,bottom几个关键字设置,通常是两两搭配-->例:

•         + top center
•         + top right
•     如果第二个不设置-->取默认值(center)
•   ii.
•    + 通过百分比来设置,和定位中的百分比差不多
•  iii.
•    + 通过像素单位设置(px,em)或者其他都OK的
• 参考: https://www.w3school.com.cn/cssref/pr_background-image.asp
• (2.)flex弹性布局方式
•    + display: flex;  想要使用此布局方式,就要先声明此属性
•    (其他用法: 还在学习中)
• 
  
• 明天安排: 学习flex布局模式,了解相关属性,及其布局技巧