背景简写

时间:2016-10-24 16:09:13

标签: css

可以用速记指定这3个属性:

background-position: center;
background-repeat: no-repeat;
background-size: cover;

我不想指定颜色/网址,因为它是内联完成的。

1 个答案:

答案 0 :(得分:2)

我总是发现背景速记是一种繁琐的麻烦。

Have you read the W3C guide,它不是很好但是给你一个起点。

另见MDN:

https://developer.mozilla.org/en/docs/Web/CSS/background

说明参数(和初始值)的顺序是:

background-image: none
background-position: 0% 0%
background-size: auto auto
background-repeat: repeat
background-origin: padding-box
background-clip: border-box
background-attachment: scroll
background-color: transparent

因此;你有:

  • background-position:center;
  • background-repeat:no-repeat;
  • background-size:cover;

所以按顺序列出它们:

   background: center / no-repeat cover;

斜杠对编译器来说非常重要,知道哪个是哪个!(阅读上面的W3C或MDN链接)