[CSS] reset.css, Nomarlized.css란? / 사용법

reset.css란?

웹브라우저마다 기본적으로 적용되어있는 스타일을 지워주는 용도의 css 파일

 

reset.css의 필요성

시중에 나와있는 브라우저는 여러가지이고, 모두들 그들만의 기본적인 스타일(css)가 적용되어 있는 경우가 많다.

이를 초기화 하고, 스타일을 적용해주어야

어떤 브라우저에서든지 우리가 원하는 스타일을 보여줄 수 있다.

 

reset.css

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 

Normalized.css ( CSS 파일 다운받기 / 계속 업데이트 된다. )

Normalize.css: Make browsers render all elements more consistently.