CSS에서 제공하는 기능이 정말 많지만, 디자인 레이아웃에 있어서 핵심적인 display 속성 block, inline, inline-block, none 및 Size 단위 px, em, rem, %의 차이를 알아본다.
CSS - Cascading Style Sheet
: html을 꾸미기 위한 디자인 언어 묶음
DISPLAY Attribute
•
Block - 부모의 속성을 가져감
•
Inline - 글씨의 일정 부분의 속성을 가져감
•
Inline-block - block이지만 inline처럼 구성
•
None - 말 그대로 없는 것
VISIBILITY Attribute
•
Hidden
SIZE Attribute
•
px - 픽셀 / 부모와 무관
•
em - 부모가 여러 개 있을 때 문제 발생
•
rem - 대부분 사용
•
% - 가끔 사용