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속성 명시 안하면 브라우저가 해당속성 '알아서'부여한다.
삽질, 문제 상황 해결 위주로 기록(o) 책에 나오는 지식, 개념, 강의내용은 앵간하면 기록 안합니다.