Fe-interview: [css] 第191天 举例说明css有哪些简写的属性和属性值？

[haizhilin2013]

第191天 举例说明css有哪些简写的属性和属性值？

[wheatup]

几个常用的：

border: solid 1px red;

border-style: solid;
border-width: 1px;
border-color: red;

---

animation: fadeIn .5s forward ease-in .2s infinite;

animation-name: fadeIn;
animation-duration: 0.5s;
animation-fill-mode: forward;
animation-timing-function: ease-in;
animation-delay: 0.2s;
animation-iteration-count: infinite;

---

background: url(images/foo.png) center top/cover no-repeat;

background-image: url(images/foo.png);
background-position-x: center;
background-position-y: top;
background-size: cover;
background-repeat: no-repeat;

---

flex: 1;

flex: 1 1 0;

flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;

[xiaolong0114]

padding: 10px;
padding-top: 10px
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;

margin: 10px;(同上)

overflow: auto;
overflow-x: auto;
overflow-y: auto;

[jasonzhouu]

The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
https://developer.mozilla.org/en-US/docs/Web/CSS/transition