테두리(border)와 이웃하는 요소들 사이의 간격
마진은 눈에 보이지 않음
세로 겹침 현상이 나타남
😊 세로 겹침 현상
세로로 나열된 두 박스의 간격은 두 마진의 합이 아니라 둘 중 큰 값을 선택하는 현상
웹 페이지의 레이아웃을 결정하는 속성
block, inline, inline-block, none
😎 visibility : hidden; (visible) - hidden은 요소가 있던 공간을 그대로 두고 안보임.(투명100 상태)
정적(static) 위치 지정방식
상대(relative) 위치 지정방식
😁 차례대로 요소의 위치를 결정하나, 전 요소의 위치가 body값을 벗어나도 해당 요소의 자리는 비워지지 않음
고정(fixed) 위치 지정방식
부모태그를 이용한 고정(sticky)위치 지정방식
절대(absolute)위치 지정방식
😁 부모의 요소가 static이 아닌 경우 부모의 요소를 기준으로 위치를 설정, static인 경우 body를 기준으로 위치를 설정