Normalize.css는 기존 CSS 재설정에 비해 작은 CSS 파일일 뿐이며 Normalize.css는 HTML5 품질 대안을 위해 준비된 최신 파일입니다. 즉, Normalize.css는 CSS 재설정의 대안입니다.
Normalize.css는 중요한 기본값을 보호합니다.
reset은 거의 모든 요소에 기본 스타일을 적용하여 요소가 동일한 시각적 효과를 갖도록 강제합니다. 대조적으로, Normalize.css는 많은 성가신 브라우저 스타일을 유지합니다. 즉, 더 이상 모든 일반적인 타이포그래피 요소의 스타일을 다시 지정할 필요가 없습니다. 브라우저마다 요소의 기본값이 다른 경우 Normalize.css는 해당 스타일을 최대한 일관되게 유지하고 현대 표준에 부합하도록 노력합니다.
Normalize.css는 브라우저 버그를 수정합니다.
일반적인 데스크톱 및 모바일 브라우저 버그를 수정합니다. 이는 재설정이 수행할 수 있는 범위를 넘어서는 경우가 많습니다. 이와 관련하여 Normalize.css에서 수정된 문제에는 HTML5 요소의 표시 설정, 미리 서식이 지정된 텍스트의 글꼴 크기 문제, IE9의 SVG 오버플로 및 다양한 브라우저 및 운영 체제 버그에 나타나는 많은 양식 관련 문제가 포함됩니다.
Normalize.css는 디버깅 도구를 복잡하게 만들지 않습니다
Reset을 사용할 때 가장 골치 아픈 부분은 Normalize.css에 존재하지 않는 브라우저 디버깅 도구의 대규모 상속 체인입니다. 이것이 문제입니다. 왜냐하면 우리의 지침에는 우리는 여러 선택기를 매우 드물게 사용하고 의도적으로 대상 요소의 스타일만 지정합니다.
Normalize.css는 모듈식입니다.
이 프로젝트는 관련되어 있지만 독립적인 여러 부분으로 분할되어 있어 어떤 요소가 특정 값으로 설정되어 있는지 쉽고 명확하게 알 수 있습니다. 이를 통해 절대로 사용하지 않을 애플리케이션의 특정 부분(예: 양식 일반화)을 선택적으로 제거할 수 있습니다.
Normalize.css에는 자세한 문서가 있습니다.
Normalize.css의 코드는 상세하고 포괄적인 브라우저 간 연구 및 테스트를 기반으로 합니다. 자세한 코드 설명은 이 파일에 있으며 Github Wiki에 자세히 설명되어 있습니다. 즉, 각 코드 줄이 수행하는 작업, 코드가 작성된 이유, 브라우저 간의 차이점을 정확히 알아낼 수 있으며 자체 테스트를 보다 쉽게 수행할 수 있습니다.
추천 학습: "css 동영상 튜토리얼"