목록css margin방향 (1)

지지나

CSS - margin 순서 방향과 마진 겹침현상

html/css에서 블록요소와 인라인요소, 박스 모델에 관해 알았으니 이제 본격적으로 무언가를 해보자. 수업때 머리로 아는 것보다 직접 여러개 값 바꿔보면서 알아가는게 최고임! 먼저 기본값으로 이렇게 코딩을 짜 보았다. 당연히 body와 div태그는 블록 요소이다. 그리고 대부분의 블록들은 자체적으로 margin과 padding을 가지고 있으므로, 박스1234 에 여백이 조금씩 있다. 그런데 그 마진이 얼마인지 우리는 알지 못한다. 그래서 필요한게 뭐냐면 마진과 패딩 값을 0으로 두는것, 초기화가 필요하다. 이 초기화를 작업하기 전에 꼭 시작하는 것이 중요하다. 지금의 경우, 와 에 초기화가 필요하다. 그래서 body, div{margin: 0; padding:0} 으로 초기화를 하면 브라우저의 여백이 ..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 7. 14. 13:50
Prev 1 Next