[CSS] CSS의 reset

프로젝트를 하다 보면 내가 주지도 않은 CSS가 적용되어 있다.

why? 브라우저가 기본으로 제공하는 스타일이 있다. → ❓ user agent styleSheet 때문!

<h1>태그에 적용하지 않은 margin이 자동으로 적용되어 있다.

❓ user agent styleSheet (사용자 에이전트 스타일시트)
- 각 브라우저의 모든 문서에는 기본 스타일을 제공하는 기본 스타일 시트를 user agent styleSheet 라고 합니다.

- 프로젝트 시작 전에 normalize.css, minireset.css, reset.css들로 초기화 해주자.

 

css를 초기화 하기 위해 상위의 css에 reset파일을 만들어주자.

1. normalize.css

link : https://necolas.github.io/normalize.css/

 

2. minireset.css

link : https://jgthms.com/minireset.css/

 

3. reset.css

link : https://meyerweb.com/eric/tools/css/reset/

아래로 갈수록 우선순위가 높아진다.