'reset'에 해당되는 글 1건

  1. 2010.05.26 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
Posted by 행복한고니 트랙백 1 : 댓글 0