노란색 요소를 만들었는데 상단이랑 왼쪽에 의도하지 않은 여백이 생겼다. 왜일까?
크롬 브라우저는 기본적으로 바디에 여백이 적용되어 있다.
(*브라우저마다 스타일이 다르기 때문에 출력이 다르게 될 수도 있음)
이 여백을 없애기 위해 margin: 0; 이렇게 스타일링 할 수도 있겠지만,, 브라우저가 가진 기본적인 css 스타일을 초기화하는 방법도 있다.
바로!! reset.css cdn 링크를 삽입하는 것!
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">`HTML` 파일에 링크를 넣어주면, `reset.css`를 통해 기존에 브라우저가 가지고 있던 모든 스타일들이 초기화 된다.
📝내가 보려고 기록하는 블로그