margin (1) 썸네일형 리스트형 <CSS 기초> 04. Box 모델과 크기 웹페이지의 구성요소들은 전부 박스모델을 갖고 있다. 박스모델을 통해 크기와 여백 모양 뿐아니라 위치까지 조정할 수 있다. 1. Box model 먼저 content를 살펴보자. 우리가 내용을 넣는 부분에 해당하며 width와 height 속성으로 가로와 세로의 크기를 조정할 수 있다. 다음은 padding이다. 내부의 여백을 의미한다. padding-left : 10px 나 padding-top : 10px 와 같은 방식으로 top right bottom left 등의 여백을 줄 수 있다. border은 테두리를 의미한다. border : 1px solid #fff 와 같이 굵기와 스타일 색을 지정할 수 있다. 이 때 스타일같은경우 주로 solid를 이용하여 일반적인 실선을 사용하지만 dashed와 do.. 이전 1 다음