[7] reset.css/ box style

지난 번 받은 코드리뷰를 따라 알아보았다.
리셋 css는 각 브라우저의 기본 스타일을 초기화 시키는 스타일 시트다.
normalize.css 라는 것도 있는데, 노멀한 스타일로 만드는 스타일 시트인 듯 하다. 근데 노멀의 기준이 다 다르니 잘 안쓰일 듯?

출처: https://meyerweb.com/eric/tools/css/reset/ 👍대단하신 분들
v2.0 | 20110126
License: none (public domain)

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

box style 을 공부해보래서 검색은 해봤는데.. 박스모델에 대한 이야기 뿐이다.
박스 스타일이라... 플렉스박스 공부하기에는 네이버D2가 좋다고 해서 flex box로 만들 수 있는 10가지 레이아웃이라는 글을 봤는데 레이아웃 공부를 해보라는 뜻일까?