CSS 초기화 뷰어 人気 있는 CSS 초기화 및 정규화 스타일시트를 비교하고 확인할 수 있습니다.

CSS 리셋은 두 가지 범주로 나뉩니다: 풀 리셋과 정규화기. 풀 리셋(Meyer Reset과 같은 경우)은 모든 기본 스타일(여백, 패딩, 글꼴 크기, 목록 스타일 등)을 제거하여 빈 상태를 만듭니다. 이는 원하는 스타일을 재설정하기 위해 더 많은 CSS가 필요하지만 모든 브라우저 불일치를 제거합니다. 정규화기(Normalize.css와 같은 경우)는 유용한 기본값을 유지하면서 브라우저 간의 알려진 불일치를 수정합니다. 이것은 덜 공격적이며, 추가로 필요한 CSS가 적습니다. 현대적인 리셋(Andy Bell의 것과 같은 경우)은 중간 지대를 취합니다: 보편적으로 box-sizing: border-box를 적용하고, 여백을 제거하며, 본문의 줄 높이를 설정하며, 이미지를 반응형으로 만들며, 스택 컨텍스트를 분리합니다. Tailwind Preflight는 Normalize.css를 기반으로 유틸리티 우선 개발에 적합한 의견 리셋을 제공합니다. 기본 제목 크기와 목록 스타일을 제거하지만, 이는 유틸리티 클래스를 통해 적용되기 때문입니다. 선택은 개발 접근 방식과 유지하고 싶은 기본 스타일링의 양에 따라 달라집니다.