Display
: html 화면을 구성하는 것
Display의 속성
-
Block
: 모든 태그에는 부모가 존재.
: 부모의 최대한의 넓이 가져감.
-
Inline
: 한 줄 내의 일정 부분만 가져감.
-
Inline-block
-
None
Visibility (시각화)
- Hidden
-> Display의 None 속성
-> Visibility의 Hidden 속성
Size
: 폰트 사이즈와 관련있음
-
px (픽셀)
: 부모의 크기가 커지든 작아지든 항상 정해둔 사이즈 유지
-
em
: 부모의 폰트 사이즈가 변하면 그에 맞게 변화함
: 부모가 여러개 있을 때 문제가 발생함
: 부모의 변화 모두 반영됨
- rem
: 부모의 폰트 사이즈에 관여받지 않음
: html 폰트 사이즈에만 영향을 받음
- %
: 바로 위의 하나의 부모에만 영향을 받음
둉이닝