CSS
Reset StyleSheet of Eric Meyer
아거스
2010. 12. 9. 01:38
리셋 스타일시트의 목적은 기본적인 줄간격, 헤딩의 폰트크기와 여백, 등과 같은 브라우저간의 불일치한 부분을 해소하기 위함입니다.
현재 이 리셋 스타일시트는 CSS 프레임웤인 BluePrint에서도 사용되고 있습니다.
다음 리셋 스타일시트는 매우 일반적입니다.
단적인 예를 들자면 body요소의 배경색이 설정되어 있지 않습니다.
사용자가 원하는 대로 편집, 확장을 용이하게 하기 위함입니다.
현재 이 리셋 스타일시트는 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;}