CSS 표준화
우선 reset.css를 알아야 normalize.css를 이해할 수 있다. reset.css는 CSS 설정을 초기화(reset) 하는 것이다. 하나부터 열까지 초기화 하기 때문에, 아주 사소한 속성까지 재설정해야 한다. 때로는 default CSS에서 시작하는 것보다 시간이 더 걸린다. '아 이런 것까지 없애버렸다고? 저런 것도 다 설정해줘야 한다고?'라는 생각이 들 수도 있다.
reset.css
CSS 초기화 브라우저마다 CSS의 설정값이 존재하는데 이를 0, 1, none 따위의 기본값으로 설정해 모두 초기화 하는 것을 뜻한다. CSS를 초기화하면 브라우저가 달라도 최대한 똑같은 화면이 보이게
shinye0213.tistory.com
normalize.css는 CSS 설정을 표준화(normalize)한다. 몇몇 거슬리는 속성은 제거하면서 브라우저에 통일감을 주되 최소한의 스타일은 보장해준다. 또, 일부 버그를 수정해준다.
normalize.css
normalize.css는 reset.css에 비해 업데이트가 잦고 용량이 크다. 코드는 아래에서 다운로드 받을 수 있다.
Normalize.css: Make browsers render all elements more consistently.
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
necolas.github.io
참고
CSS 가이드라인 - MDN 프로젝트 | MDN
다음 가이드라인은 MDN code 예제를 위한 CSS 작성 방법을 설명합니다.
developer.mozilla.org
'개발(Web) > Web' 카테고리의 다른 글
| [CSS] position: fixed;와 position: sticky; (0) | 2022.01.26 |
|---|---|
| [CSS] display: none;과 visibility: hidden;과 opacity: 0; (0) | 2022.01.25 |
| [CSS] reset.css (0) | 2022.01.23 |
| [CSS] Grid 자동정렬 (0) | 2022.01.22 |
| [CSS] Grid Item 정렬하기 (0) | 2022.01.21 |