.box {
  font: { // : 콜론 기호 붙여주고 중괄호 열어서 묶어준다.
    weight: bold;
    size: 10px;
    family: sans-serif;
  }
  margin: {
    top: 10px;
    left: 20px;
  }
  padding: {
    top: 10px;
    bottom: 10px;
    left: 20px;
    right: 30px;
  }
}

.box {
  font-weight: bold;
  font-size: 10px;
  font-family: sans-serif;
  margin-top: 10px;
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 30px;
}

font-something
padding-something
과 같은 것들은 namespace 가 동일하다고 한다.
일종의 유효범위를 지정하는 것으로, 이름을 통해 구분 가능한 범위를 만들어낸다.