Normalize.css와 CSS Reset의 차이점

질문 : Normalize.css와 CSS 재설정의 차이점은 무엇입니까?

---

CSS Reset이 무엇인지 알고 있지만 최근에 Normalize.css라는 새로운 기능에 대해 들었습니다.

Normalize.css 와 Reset CSS 의 차이점은 무엇입니까?

CSS 정규화와 CSS 재설정의 차이점은 무엇입니까?

CSS 재설정에 대한 새로운 유행어입니까?

답변

---

나는 normalize.css에서 일합니다.

주요 차이점은 다음과 같습니다.

1. Normalize.css는 모든 것을 "스타일링 해제"하는 대신 유용한 기본값을 유지합니다. sup 또는 sub 와 같은 요소는 normalize.css를 포함시킨 후 "그냥 작동합니다"(실제로 더 강력하게 만들어 짐). 반면 reset.css를 포함하면 일반 텍스트와 시각적으로 구별 할 수 없습니다. 따라서 normalize.css는 시각적 시작점 (균질)을 사용자에게 부과하지 않습니다. 이것은 모든 사람의 취향이 아닐 수도 있습니다. 가장 좋은 방법은 둘 다 실험하고 선호하는 젤을 확인하는 것입니다.
2. Normalize.css는 reset.css의 범위를 벗어난 몇 가지 일반적인 버그를 수정합니다. 그것은 reset.css보다 넓은 범위를 가지며, 또한 같은 일반적인 문제 버그 픽스 제공 HTML5 원소의 부족에 대한 표시 설정 font 정정 형태 소자의 상속 font-size 에 대한 렌더링 pre IE9에서 SVG 오버플 및 button 스타일링 버그.
3. Normalize.css는 개발 도구를 복잡하게 만들지 않습니다. reset.css를 사용할 때 일반적인 자극은 브라우저 CSS 디버깅 도구에 표시되는 큰 상속 체인입니다. 대상 스타일링으로 인해 normalize.css의 문제가 아닙니다.
4. Normalize.css는 더 모듈 식입니다. 이 프로젝트는 상대적으로 독립적 인 섹션으로 나뉘어져 있으므로 웹 사이트에서 섹션이 필요하지 않다는 것을 알고있는 경우 섹션 (예 : 양식 정규화)을 쉽게 제거 할 수 있습니다.
5. Normalize.css에는 더 나은 문서가 있습니다. normalize.css 코드는 인라인으로 문서화되며 GitHub Wiki 에 더 포괄적으로 문서화됩니다. 즉, 각 코드 줄이 수행하는 작업, 코드가 포함 된 이유, 브라우저 간의 차이점을 파악하고 자신의 테스트를보다 쉽게 실행할 수 있습니다. 이 프로젝트의 목표는 브라우저가 기본적으로 요소를 렌더링하는 방법을 사람들에게 교육하고 개선 사항 제출에 더 쉽게 참여할 수 있도록하는 것입니다.

 

 

normalize.css 에 대한 기사에서 이에 대해 자세히 썼습니다.

출처 : https://stackoverflow.com/questions/6887336/what-is-the-difference-between-normalize-css-and-reset-css