Display
block : 부모의 최대한의 너비를 상속받아 크기가 결정
inline : 글씨의 크기만큼 구역을 갖는다
inline-block : 인라인이나, 블럭처럼 쌓인다
none : 시각화하는 과정에서 보이지 않게 만든다
visibitity: hidden : 보이지는 않지만, relative처럼 구역을 차지한다
Size
px - 고정된 값
em - 부모의 값을 따라감. 하지만 부모가 여러개일때, 모두를 상속받는다
rem - root html의 비율을 따라감
CSS Essentials
:Cascading Style Sheet
DISPLAY Attribute
•
Block
: 태크 부모의 최대한의 너비를 모두 가져가면서 블럭 모양의 형태를 가져가는 속성
높이는 따로 설정을 하지 않는 이상 내용물의 값으로 지정
•
Inline
: 텍스트의 높이만큼 가져가는 속성
block은 아래로 쌓이지만, inline은 한 줄 오른쪽으로 자식태그가 쌓여나감
•
Inline-block
: Blcok처럼 생겼으나, inline처럼 오른쪽으로 쌓여나가는 속성
•
None
: HTML 속성 내에는 존재하나, broswer내에서 시각화시에는 존재하지 않는 속성
Visibility Attribute
•
Hidden
: none 속성은 아예 없는것 처럼 반응하나, hidden 속성은 보이지는 않으나 존재는 함
SIZE Attribute
rem을 이용해 html을 작성 : Responsive - 반응형 웹을 구축하기 위해
•
px
: 부모와 관련없이 본인의 값으로만 구성됨
•
em
: 부모가 커지면 같은 비율로 커짐 - 사용하지 않는 이유는 여러가지 부모가 있을 때, 부모 * 부모’ 의 값으로 커진다
•
rem
: root html의 값에 따라 사이즈가 변한다
•
%
: 바로 위 부모의 사이즈에만 영향을 받는다