📐 CSS 박스모델 요약!
박스 모델 : 박스 형태의 콘텐츠 block 요소에만 적용 가능 content, padding, border, margin으로 구성 content : 내부 컨텐츠 padding : 내부 여백 border : 테두리 margin : 외부 여백 margin과 padding 작성 방법 (비슷하므로 같이 서술) margin-top, right, bottom, left : 방향을 따로 입력 margin 값 1개 : 모든 방향에 같은 마진이 적용 margin 값 2개 : 상하, 좌우 순서로 적용 margin 값 4개 : 상, 우, 하, 좌 순서로 적용 margin : | | auto auto : display속성에서 지정한 값에 맞게 적절한 값을 자동으로 지정함 🐍 화면 가운데 배치 하려면 left와 right를 ..
2022. 9. 25.
