2022-06-10 工作记录--CSS-背景图片相关属性连写

CSS-背景图片相关属性连写

不积跬步无以至千里~ 细节决定成败，加油💪🏻

看似很基础的一个知识点，但是越基础越易遗忘或漏记，所以更应重视喔~fighting💪🏻

一、知识点

依次的顺序为：背景颜色 背景图片 背景图片是否重复 背景图片的位置(位置可用像素及方位名称)/背景图片的宽高，下一个背景图片的属性

二、举例

1、分开写

background-image: url('../../assets/common/logo.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;

2、连写

/* 注意：背景图片的位置和背景图片的宽高之间要加'/'哟 */
background: #fff url('../../assets/common/logo.png') no-repeat center/cover;