[CSS 초기화]reset.css 와 normalize.css 차이점

reset.css 와 normalize.css 차이점

웹 브라우저 마다 각각의 기본 스타일이 설정 되어 있다.

그래서 스타일을 지정하고 html을 랜더링 해보면 브라우저마다 스타일이 다르게 보이고 어긋나게 된다.

이를 방지하고 모든 브라우저에서 똑같은 스타일로 보이도록 하기 위해 사용하는게 reset.css 와 normalize,css 이다. 

이 두개의 css를 같은 것으로 여기는 경우가 있는데 비슷한것 같지만 엄연히 사용법이 다른 css이다.

reset 방식은 모두 스타일을 초기화 해서 0의 상태로 되도록 하는 방식이다 

참고로 제가 사용하는 css는 여러 reset 중에서 Eric Meyer’s “Reset CSS” 2.0 이다.

여기서 필요하다고 생각하는 것만 편집해서 사용하고 있다.

normalize 방식은 기본 스타일에서 남길껀 남기고 변동 되는 스타일만 잡아가는 방식이다.

즉 기본적인 스타일을 유지하면서 사용하는 방식이라고 한다.

에릭마이어의 reset은 2011년 이후 업데이트가 전혀 없는 상태이고 normalize는 꾸준히 업데이트가 되고 있는것 같다.

요즘에는 normalize를 더 많이 사용한다고 한다.

이외에도 

HTML5 Doctor CSS Reset

Yahoo! (YUI 3) Reset CSS

Universal Selector ‘*’ Reset

등이 있다.