7월 17일 CSS

레이아웃을 구현하는 css 박스 모델

인라인 레벨 요소 중 하나인 span

 

 

 

박스 모델의 기본 요소

 

 

 

박스 모델에서 콘텐츠 영역의 크기를 지정하는 width, height 속성

 

 

 

박스 모델의 4방향

 

 

 

웹 문서의 레이아웃 만들기

배치 방법을 결정하는 Display 속성

왼쪽이나 오른쪽으로 배치하는 float 속성

*** Display: inline block 과 float: left 의 차이 ***

화면은 똑같게 나오지만, Display: inline block은 기본 마진과 패딩을 가지고 있지만, float: left로 배치하면 기본 마진과 패딩이 없음.

그래서 필요하다면 요소마다 마진과 패딩을 지정해 줘야 핢(플로팅 해제 시 clear 속성 이용)

 

 

 

웹 요소의 위치 지정하기

가