Dev log - 13, CSS #9

CSS 관련

• margin 속성이 겹칠 때는 큰 값으로 중첩됨 (margin: 30px 인 도형 두 개가 있을 때, 두 사이의 여백은 60px가 아닌 30px가 됨)

• clear: both 속성을 사용하면 float 속성이 적용된 부모 안에서 따로 속성을 설정할 수 있음

• flex-direction 속성은 flex 속성의 주축을 결정, row 속성은 왼쪽에서 오른쪽(기본값), column 속성은 위에서 아래로 변경
  -> 주축 변경 시 justify-content 속성과 align-items 속성 또한 반대로 적용해야 함

• CSS 게임 (https://flexboxfroggy.com/#ko)
  

• transition 속성은 계속 존재할 때(display: none 상태가 아닐 때)만 적용 가능

드롭다운 메뉴

• 기본값으로 display: none 속성을 주고, :hover 선택자로 display: block 속성을 적용

• 애니메이션 속성으로 내려오는 형식의 메뉴를 만들 수 있음