CSS - Cascading Style Sheet
Attribute ( 속성 )
•
DISPLAY 속성 - Block, Inline, Inline-block, None
1.
Block
a.
Parent’s 100% width
2.
Inline
a.
Just text line height “in” line
3.
Inline-Block
a.
Inline, But behave like a “block”
4.
None
a.
None.
Visibility
1.
Hidden
a.
시각화 속성. 보이지 않지만 존재함
SIZE : px, em , rem, %
→ related with font-size
1.
px
a.
부모의 크기에 대해서 영향을 전혀 받지 않는다.
2.
em
a.
부모의 크기가 증가/감소 - 자식의 크기가 증가/감소 하는 등 부모 값에 따라가게 된다.
b.
부모가 여러개 있을 경우, 모든 부모의 변경 사항에 대해서 따라가기 때문에, 관리가 복잡해질 수 있다.
3.
rem
a.
거의 모든 곳에서 사용함
b.
root html에 기본적으로 적용되어 있는 default의 값에 따라가게 된다.
4.
%
a.
바로 위의 부모의 값의 형식에 따라가게 된다.