background-image引入网络地址和background非常用属性小节

background-image：url（''）引入base64时 需要加双引号

image 可以通过base64，得到一个网络卡片用于传输，需要注意引入时候加双引号或单引号。图片转 BASE64 编码 | 菜鸟工具Base64 是一种基于 64 个可打印字符来表示二进制数据的表示方法。 Base64 常用于在通常处理文本数据的场合，表示、传输、存储一些二进制数据，包括 MIME 的电子邮件及 XML 的一些复杂数据。 图片的 BASE64 编码就是可以将一幅图片数据编码成一串字符串，使用该字符串代替图片地址，从而不需要使用图片的 URL 地址。 图片转 BASE64 编码工具提供了 PNG 转换 Base64，GIF 转换 Base64，JPEG..https://c.runoob.com/front-end/59/

FileReader对象有一个方法叫readAsDataURL，可以读取文件域选择的文件信息。

 fr.readAsDataURL(file.files[0])

URL.createObjectURL作用是读取图片放在本地blob服务中，然后返回引用地址

裁剪背景到适合的区域：border-box(默认值)/content-box/padding-box
    */
    background-clip: border-box;
    /*
    设置背景图片的定位参照区域：border-box(默认值)/content-box/padding-box
    */
    background-origin: border-box;
    /*
    将背景图片的关联对象改变为浏览器窗口
    */
    background-attachment: fixed;