[1일 차-css] 여백(margin, padding) 정리

margin : 블럭 바깥쪽 여백 지정
margin : (위) (오른쪽) (아래) (왼쪽); 순서로 지정.
특정 부위만 지정하고 싶은 경우 해당 위치를 직접 지정해주면 된다.

margin : 0px 10px 0px 10px;

margin-left: 10px;
margin-right: 10px;

padding : 객체 안쪽 여백 지정
margin 과 마찬가지의 속성을 가진다.

Tip. 블럭을 정 중앙에 오게 하고 싶다면..?
<div>.....</div> 로 감싼 후 해당 블럭에 대하여 바깥 여백(margin)을 다음과 같이 설정

.div {
	width: 300px;
	margin: 0px auto 0px auto;
}

div 의 경우 브라우저의 가로 크기 만큼 한줄 통째로 영역이 지정되기 때문에 width 로 정렬할 블럭의 가로 사이즈를 지정한 후에 margin의 auto 속성을 이용하여 객체가 시작되는 위치까지 자동으로 쭉 밀어서 여백을 지정하는 방법을 이용한다.