크로스 브라우징의 초석 reset.css

각 브라우저의 태그별 margin과 padding의 값이 서로 상이하기 때문에

그 값을 제로로 초기화시켜서 모든 브라우저의 기초값을 없애고 직접 스타일을 지정하여

값을 넣으면 모든 브라우저에서 같게 보이게 된다. 이 reset을 하지 않을 경우

 

각브라우저 마다 적용되는 스타일 핵이나 새로운 스타일을 재지정해야 하는 번거로움이 있다.

 

이걸 미연에 방지하기 위에 reset을 하고 작업하길 권장한다.

reset를 하는법은 각 태그의 margin, padding, 혹은 border등을 삭제한 일련의 규칙을 기술해놓은 css문서를

html 문서에 import시키면 된다. 

 

ex) <link rel="stylesheet" href="reset.css">

대표적인 reset.css 는

 

html5를 포함 하고 있는 normalize.css : http://necolas.github.com/normalize.css/

 

에릭 마이어의 reset.css : http://meyerweb.com/eric/tools/css/reset/

 

html5doctor : http://html5doctor.com/html-5-reset-stylesheet/

 

yui2 : http://developer.yahoo.com/yui/reset/