[유노코딩 css 7강] 박스

콘텐츠 영역 width , heigh

안쪽 여백 padding

바깥쪽 여백 margin

테두리 border-width

 

웹사이트 렌더링할 때 박스 모델에 따라 사격형으로 표현한다.

하나의 박스는 네개의 영역으로 구성된다

영역 다양한 특성으로 크기 조절 가능

 

 

태그 span는 인라인 요소라서

width와 height를 가질 수 없다!!

하지만 display써서 

display: inline-block;

쓰면? 블록화 됨.

그래수 

width, height 가질 수 있다.