css 축약

background

div {
  background-image: url(./img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  /* background: [image] [repeat] [position] [size] */
  background: url(./img.png) no-repeat center cover;
  
}

padding & margin

div {
  padding: 10px 20px;
  /* top & bottom - 10px */
  /* left & right - 10px */
  /* 위아래 - 양옆*/
  
  padding: 10px 5px 15px;
  /* top - 10px */
  /* left & right - 5px */
  /* bottom - 15px */
  /* 위 - 양옆 - 아래*/
  
  padding: 10px 5px 15px 3px;
  /* top - 10px */
  /* right - 5px*/
  /* bottom - 15px */
  /* left - 3px */
  /* 시계방향 */
}

border

div {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  
  /* border: [width] [style] [color] */
  border: 1px solid #000;
}