css简写属性

一些属性，如 font、background、padding、border 和 margin 等属性称为简写属性。它们允许在一行中设置多个属性值，从而节省时间并使代码更整洁。

/* 在像 padding 和 margin 这样的 4 值简写语法中，数值的应用顺序是上、右、下、左（从顶部顺时针方向）。也有其他的简写类型，例如 2 值简写，它为顶部/底部设置 padding/margin，然后是左侧/右侧 */
padding: 10px 15px 15px 5px;
/*上面一行顶下面4行*/
padding-top: 10px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 5px;background: red url(bg-graphic.png) 10px 10px repeat-x fixed;
/*一行顶5行*/
background-color: red;
background-image: url(bg-graphic.png);
background-position: 10px 10px;//定义一个背景图初始位置
background-repeat: repeat-x;//背景图铺开方式
background-attachment: fixed;//背景图是固定的还是随窗口滚动

警告：使用 CSS 简写属性的一个不太明显的方面是省略的值如何重置。一个没有在 CSS 简写属性中指定的值会恢复到它的初始值。这意味着 CSS 简写属性中的省略可以覆盖之前设置的值。

​

文档地址:

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_works