ul 태그에 아무런 설정도 해주지 않았는데 위아래 margind 1em(16px)씩 주어져 있다.
이유는 여기보이는 사용자 에이전트 스타일 시트
각 브라우저마다 정해져있는 기본 CSS룰이다
참조 : 유저 에이전트 스타일 시트란?
https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/
개발자 도구에서 임시로 수정을하니 위쪽패딩이 0이되었다.
원본 코드에서 margin-block-start를 0으로 수정한뒤 liveserver 시작해보자
User Agent Styleshhet의 margin-block-start속성이 무시된걸 볼 수 있다.
정리 : 요소 CSS속성 명시 안하면 브라우저가 해당속성 '알아서'부여한다.
책, 블로그 내용을 그대로 재정리하는 것은 가장 효율적인 시간 낭비 방법이다. 벨로그에 글을 쓸때는 직접 문제를 해결한 과정을 스크린샷을 이용해 정리하거나, 개념을 정리할때는 최소2,3개소스에서 이해한 지식을 정리한다.