CSS

CSS에서 margin과 padding이란?

• margin: 바깥쪽 여백을 의미
• padding: 안쪽 여백을 의미

CSS에서 position이란?

position 속성은 문서 상에 요소를 배치하는 방법을 지정한다.

• static : 요소를 일반적인 문서 흐름에 따라 배치

• relative : static + 자신을 기준으로 top, rigth, bottom, left의 값에 따라 오프셋을 적용

• absolute : 요소를 일반적인 문서 흐름에서 제거하고, 가장 가까운 위치 지정 조상 요소에 대해 상대적으로 배치

• fixed : 요소를 일반적인 문서 흐름에서 제거하고, 뷰포트의 초기 컨테이닝 블록을 기준으로 삼아 배치한다. => 바꾸지 않는 위치에 지정

• sticky : static + fixed 특징을 동시에 가짐.