CSS

Reset StyleSheet of Eric Meyer

아거스 2010. 12. 9. 01:38
리셋 스타일시트의 목적은 기본적인 줄간격, 헤딩의 폰트크기와 여백, 등과 같은 브라우저간의 불일치한 부분을 해소하기 위함입니다.

현재 이 리셋 스타일시트는 CSS 프레임웤인 BluePrint에서도 사용되고 있습니다.

다음 리셋 스타일시트는 매우 일반적입니다.
단적인 예를 들자면 body요소의 배경색이 설정되어 있지 않습니다.
사용자가 원하는 대로 편집, 확장을 용이하게 하기 위함입니다.
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}