Normalize.css 예제
Normalize.css는 브라우저 간 일관성을 유지하면서 유용한 기본값을 보존합니다.
폼 요소
입력 필드와 버튼의 기본 스타일이 브라우저마다 일관되게 적용됩니다.
타이포그래피
제목과 본문의 여백, 폰트 크기가 normalize.css로 정규화됩니다.
- 브라우저 기본 스타일을 완전히 제거하지 않음
- 유용한 기본값은 유지
- 버그 수정 및 일관성 확보
- 디자인시스템 구축에 적합
특징
Normalize.css는 다음과 같은 장점이 있습니다:
- 모든 브라우저에서 일관된 렌더링
- 접근성을 해치지 않음 (outline, focus 등 유지)
- 유지보수가 활발함
- 문서화가 잘 되어 있음