목록CSS Reset (1)

Simple Is Best

CSS Normalize / Reset

body { margin : 0px; } 여러분들 혹시 스타일링하면서 한가지 이상한 점 못느끼셨나요? 왼쪽과 위쪽에 자동으로 마진이 1px 정도 존재합니다. 이걸 해결하려면 어떻게 해야할까요? body 태그에 margin 을 0px 을 주면 됩니다. body { /* 맨 위와 왼쪽의 살짝 띄워진 마진을 없애기 위한 body의 기본값을 조정 */ margin : 0px; } body에 margin을 0px을 적용하고 나니, 위/왼쪽이 공백이 사라진 것을 알 수 있습니다. 이 코드는 CSS 파일의 맨 위에 작성해주면 됩니다. 이런 코드들을 CSS Nomalize/ Reset 이라고 합니다. 하나만 더 알아볼까요? div { box-sizing : border-box; } 두 div 박스는 동일한 클래스 즉,..
HTML & CSS 2021. 7. 5. 22:57
이전 Prev 1 Next 다음