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; }
어떤 초기화를 사용하시나요?
'[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 |
댓글을 달아 주세요