Reset.css 예제
Reset.css는 모든 브라우저 기본 스타일을 제거하여 완전히 처음부터 시작합니다.
폼 요소
모든 스타일이 제거되었으므로 모든 요소를 직접 스타일링해야 합니다.
타이포그래피
제목, 본문, 리스트 등 모든 요소의 기본 스타일이 reset.css로 제거되었습니다.
- 모든 margin, padding이 0으로 초기화
- list-style이 제거됨 (수동으로 추가해야 함)
- font-size, font-weight 모두 동일
- line-height가 1로 설정됨
단점
Reset.css를 사용할 경우 다음과 같은 문제가 있습니다:
- 모든 요소를 처음부터 스타일링해야 하는 작업량 증가
- 접근성 관련 기본 스타일(outline 등)도 제거됨
- 유용한 브라우저 기본값까지 모두 제거
- 2011년 이후 업데이트 중단
결론
2026년 현재 reset.css보다 normalize.css나 modern reset을 사용하는 것이 권장됩니다.