url()url函数表示对资源的引用，可以传入链接和相对地址，如background-image:url('./background图像函数.png');background-image:url('https://s3.ax1x.com/2020/11/29/DcV9V1.png');image()图片功能类似于url，但与url不同的是，image提供了一种优雅降级的能力。例如背景图片：image('a.webP','a.png','a.jpg');这段代码的意思是，如果浏览器支持webP格式的图片，就使用a.webP，如果不支持，则使用a.webP再次测试a.png，直到适应当前浏览器。不幸的是，该功能目前处于草案阶段。所以暂时不要关注这个函数的其他功能。有兴趣的同学可以去MDN了解更多，也可以了解最新进展。image-set()image-set可以保证图片在不同分辨率的设备上显示适配，可以根据不同的设备类型显示不同的图片，看下面的例子background-image:-webkit-image-set(url(./bg1x.png)1x,网址(./bg2x.png)2x);本例表示在1x屏幕上显示bg1x.png，在2x屏幕上显示bg2x.png。在兼容性方面，最新的主流浏览器都已经支持了。对于不支持的设备，您可以在使用此功能之前使用background:url()进行兼容性。cross-fade()交叉淡入淡出用于在两个叠加的背景图像上应用透明度。用法如下background-image:-webkit-cross-fade(url('./bg1x.png'),url('./bg2x.png'),70%);前两个参数是图片的资源位置，后一个需要传入一个百分比，表示透明度，是相对于上一张图片的。例如当百分比为0%时，此时只显示第一张图片；当百分比为100%时，只显示第二张图片。这个属性在firefox中是完全不兼容的，在chrome和safari中兼容性要好很多。element()element函数可以将网站上的一些元素作为图片使用，适用于图片的属性也适用于应用了element的对象，use方法element(id)必须传入id，见下面的例子，使用element实现类似于双向绑定的功能效果
