CSS

• Block 요소의 대표적인 예는 div태그, p태그.
• Inline 요소의 대표적인 예는 span태그.

text-align

• 문단 정렬 방식
  • left/right/center
  • justify : 양쪽 정렬
  • initial
  • inherit

em / rem

• em : 상위 요소 기준

font-size : 1.5em;
-> 글자 크기를 상위 요소 크기의 1.5배로 하겠다.

• rem : html 요소 기준

.a { font-size : 2.0rem; }
-> html 요소 크기의 기본값은 웹브라우저 설정에서 정한 글자 크기. 보통 16px.

float / overflow

• float
• overflow
  • visible - 박스 넘어가도 보여줌.
  • hidden
  • scroll - 박스를 넘어가든 넘어가지 않든 스크롤바 나옴.
  • auto - 박스를 넘어가면 스크롤바, 넘어가지 않으면 안 나옴.
  • initial - 기본값으로 설정.
  • inherit - 부모 요소의 속성값을 상속.

Flex

• flex-wrap : 기본값은 nowrap...
  • wrap : 아이템을 다음 줄로 넘김.
  • column : 오른쪽으로 넘김.
• justify-content :
  • space-between :