CSS를 완전히 초기화 하는 방법

http://www.flickr.com/photos/jonathasrr/4195103621/

초기의 HTML 스펙에는 HTML 요소에 대한 기본 스타일이 주어지지 않았었습니다. 당연히 브라우저 제작사들에게도 이런 가이드가 없었습니다. body는 마진(margin)이나 패딩(padding)값을 가질까요? 색상은요?

여러 브라우저를 다룰 때 사용할 수 있는 방법 초기에는 모든 브라우저에 대해 CSS를 초기화한 후, 그 뒤에 스타일을 작성했습니다. 이 방법에는 에릭 마이어의 초기화나 YUI 초기화 등이 있습니다.

블라디미르 까레르는 80% 정도의 규칙을 다루는 자신의 미니 초기화를 공개했습니다.

[code:css] html, body, div, form, fieldset, legend, label {  margin: 0;  padding: 0; } table {  border-collapse: collapse;  border-spacing: 0; } th, td {  text-align: left;  vertical-align: top; } h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; } img { border: 0; }

아주 작은 초기화를 제안한 사람들도 있었습니다.

[code:css] * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0; padding: 0; margin: 0; }

어떤 초기화를 사용하시나요?

from CSS Structural Reset

'[IT] Web Tech' 카테고리의 다른 글

CSS3와 Canvas로 어항만들기  (2)	2010.06.03
움직이는 둥근 모서리  (0)	2010.05.31
이제 인터넷 속도는 중요하지 않다.  (0)	2010.05.28
WebM : 구글이 제공하는 로열티 없는 비디오 코덱  (0)	2010.05.27
CSS를 완전히 초기화 하는 방법  (0)	2010.05.26
FireBreath : 크로스 플랫폼 플러그인 프레임워크  (0)	2010.05.25
MS가 말하는 HTML5 Video  (0)	2010.05.03
웹 개발 현황 2010 by Web Directions  (2)	2010.04.28
HTML5와 CSS3에 대한 팁과 통찰  (0)	2010.04.27