如何优化CSS背景图像和背景位置属性

下面是关于前端开发的教程，我刚刚为标题图像编写了以下规则集：

标题{
背景图像：线性渐变（#00000070，#00000070），url（../img/hero.jpg”）；
背景位置：中心；
背景尺寸：封面；
高度：100vh；
}

PyCharm告诉我，可以通过将

背景图像

和

背景位置

属性转换为速记形式来优化它们，但它没有提供具体的建议。由于我是CSS的初学者，我无法推断出这个问题，而且w3schools.com也没有提供任何速记。我还可以怎样写这个块来缩短它呢？

试试这个

header { 
 background: linear-gradient(#00000070, #00000070), url("../img/hero.jpg"), center, cover}

试试这个

header { 
 background: linear-gradient(#00000070, #00000070), url("../img/hero.jpg"), center, cover}

根据的定义，应该有一条斜线将背景大小与背景位置分开，并有一个逗号将图像与渐变分开：

background:
    url("../img/hero.jpg")              /* image */
    center / cover,                     /* position / size */
    linear-gradient(red, green)         /* gradient */
;

在没有注释的一行中：

background: url("../img/hero.jpg") center / cover, linear-gradient(red, green);

根据的定义，应该有一条斜线将背景大小与背景位置分开，并有一个逗号将图像与渐变分开：

background:
    url("../img/hero.jpg")              /* image */
    center / cover,                     /* position / size */
    linear-gradient(red, green)         /* gradient */
;

在没有注释的一行中：

background: url("../img/hero.jpg") center / cover, linear-gradient(red, green);

---

虽然我不确定线性梯度。背景属性不使用逗号分隔位置等属性，但请尝试删除这些属性：

background:linear gradient（#00000070，#00000070）url（“../img/hero.jpg”）中封面

虽然我不确定线性渐变。background属性不使用逗号分隔位置等属性，但请尝试删除这些属性：

background:linear gradient（#000000 70，#000000 70）url（../img/hero.jpg”）中封面

，除非在

url

属性后缺少逗号。这是一个摆脱PyCharm警告的有效的一行代码：

url（../img/hero.jpg”）、中心/封面、线性渐变（红色、绿色）

编辑您的回复，我会将其标记为正确的答案。@请记住不需要逗号，正如您在示例15中看到的段落元素：Hm.PyCharm 2017.1.4不允许没有逗号的语句。这样做了，除了

url

属性后缺少逗号。这是一个摆脱PyCharm警告的有效的一行代码：

url（../img/hero.jpg”）、中心/封面、线性渐变（红色、绿色）编辑您的回复，我会将其标记为正确答案。@Stobber不需要逗号，正如您在示例15中看到的段落元素：Hm.PyCharm 2017.1.4不允许没有逗号的语句。