CSS的简写属性

今天的面试中被问到了，半天才理解面试官到底是什么意思，晕……一开始还以为要问margin合并呢……

• background

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip];

• font
• border
• padding
• margin
• transition
• transform
• border-radius

在简写属性中没有指定的值会使用默认值，可能会覆盖之前单独设置的值。

这其中有几个的简写属性是要注意具体的顺序和格式的：

• background-size一定要写在background-position后面，并且使用/分割

background: aquamarine 
              url(img.png) 
              no-repeat 
              scroll 
              center center / 50% 
              content-box content-box;

• 针对font：
  
  • 如需设置 font-style, font-variant 和 font-weight 中任意一个或几个的值，它们必须要放在 font-size 值的前面。
  • line-height 值必须紧跟在 font-size 之后，并且要在属性值前面加上 /
  • font-family 是必不可少的，且必须放在最后

font: italic small-caps bolder 16px/3 cursive;