CSS 초기화란 웹 개발에서 모든 브라우저가 동일한 기본 스타일을 가지도록 하는 것입니다. 이것은 각 브라우저의 기본 스타일 차이로 인해 발생하는 레이아웃 및 스타일 문제를 방지하기 위해 사용됩니다. 초기화는 브라우저가 제공하는 기본 스타일을 모두 제거하고, 사용자가 직접 정의한 스타일만 적용될 수 있도록 합니다. 이를 통해 웹 개발자는 보다 일관된 디자인을 구현할 수 있고, 크로스 브라우징 이슈를 최소화할 수 있습니다. 대표적인 초기화 방법으로는 Eric Meyer의 "Reset CSS"와 Nicolas Gallagher의 "Normalize.css"가 있습니다.
Reset CSS는 모든 웹 브라우저의 기본 스타일을 제거하고, 각 요소에 대해 일관된 스타일을 적용하는 데 사용됩니다. 이를 통해 브라우저 간의 호환성 문제를 해결하고, 개발자가 더 일관된 디자인을 쉽게 구현할 수 있게 됩니다.
Normalize.css는 웹 브라우저 간의 일관된 스타일링을 제공하기 위한 CSS 리셋 라이브러리입니다. Reset CSS와 마찬가지로 기본 스타일을 초기화하지만, 조금 다른 방식으로 작동합니다. 브라우저 간의 차이점을 보완하여 보다 일관된 스타일을 제공하고, 웹 개발자가 표준화된 스타일을 더 쉽게 적용할 수 있도록 돕습니다.
Normalize.css: Make browsers render all elements more consistently.
요약하면, Reset CSS는 모든 스타일을 제거하고 새로운 스타일을 적용하는 반면, Normalize.css는 일관된 스타일을 유지하면서 브라우저 간의 차이를 보정합니다.
caa/reset.css
index.html