CSS reset?🎨

결론적으로 브라우저마다 기본으로 제공하는 스타일이 있어서 기본값을 주기 위해
설정을 해주는 세팅이다.

각각의 브라우저(크롬,IE,사파리 등등)에는 브라우저마다 기본으로 제공하는 스타일이 있다.

예를 들면 margin, padding, font등 입력 양식 등의 차이가 있거나 기본 defalt값이 다르기 때문에 이러한 것들을 초기화 하면서 브라우저마다 스타일의 차이를 줄이고자 사용하는 것이다.

물론 reset.css의 정해진것은 없지만 그래도 기본적으로 많이 사용하는 reset.css양식이 있다.

인터넷에 서치하여 코드를 가져오거나 직접 본인이 만들면 된다.

CSS reset 설정 방법🛠

"reset.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;
}

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;
}

라는 코드를 생성하고

@import "reset.css";

.main
{
	padding: 5px;
}

사용하고있는 CSS파일에다 @import "reset.css"를 넣어주면 된다.

📌단 코드 맨 위에 줄에 작성해야 제대로 가져올 수 있으니 주의하자.