Block 레이아웃 / overflow / 값 할당 단위

CSS

 

Block 레이아웃을 이용한 방만들기

제일 큰 방을 단뱡향으로 정하기 → 더 나눈다면 방"안"에서 다시 나누어진다.

가장 큰 방은 식별할 수 있는 이름넣기

<header id = "header">

<div id = "body">

 

Overflow 

자식요소가 부모요소의 범위를 초과할때

overflow : hidden

overflow : scroll

 

 

margin : 외부 여백, 박스와 박스경계선사이

padding : 내부 여백 , 경계선과 텍스트사이의 간격

min-height : 가변적으로 높이가 늘어 날 수있음

 

CSS의 값 할당 단위

 

CSS의 값 할당 단위

고정크기 : px, cm

변동크기 : rem,em,ex

em : 부모요소를 따라가지만, 자기 속성이있다면 자기속성을 따라간다.

rem : 루트(html{ })설정한 내용을 따라간다.