reset.css 에 대한 설명 및 예제

reset.css 란

어떤 브라우져 등 똑같이 나오게 하는 기법
브라우저 리셋을 먼저해야한다.
브라우저 마다 기본적으로 제공되는 CSS가 존재한다. 
크로스브라우징을 위해서는 모든 css를 동일하게 맞춰줄 필요가 있기 때문에 모든 css를 초기화 하는 값이 필요하다.
그 값을 가진 것이 reset.css 라고 한다.

https://cssreset.com/ 을 활용해도 되며 그 외에 것을 사용하여도 된다.

아래는 직접 만들어본 reset.css 이다. 상황과 프로젝트에 따라 달라질 수 있는 부분이다.

 

body,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, dd,
p,
fieldset, legend {
	margin: 0;
	padding: 0;
}

body, input, textarea, select, button {
	font-size: 14px;
	font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;
}

ul, ol {
	list-style: none;
}

table {
	border-collapse: collapse;
}

em {
	font-style: normal
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: top;
}

fieldset {
	border: 0;
}

 

 

 

* 부스트코스 UI 교육을 듣고 개인적으로 정리한 내용입니다.