1.CSSリセットについて

いずれのブラウザでも、ユーザーはブラウザ間の原則に従って符号化し、同じ体験を得る必要があります.
CSSをリセットするには、固定されたフォーマットまたはコードがありません.
未使用のタグを初期化する必要はなく、プロジェクトの性質に基づいて作成するだけです.
すべてのブラウザで、デフォルト値をリセットして同じビューを表示することを忘れないでください.

2. reset.css創作

プライマリ・ラベルと属性

HTML
タイトル、リスト、フォーム、テーブルなどの主要ラベル

CSS
margin, padding, border, font-styleborder-collapse, text-decorationlist-style

🔵 PREVIEW

before
after

1) body, h1, h2, h3, h4, h5, h6

body,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

2) ul, ol dl

ul, ol, dl, dd {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

3) table

table {
	border-collapse: collapse;
}

4) p, em, strong, a, img

p {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal
}

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

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: top;
}

5) form

fieldset, legend {
	margin: 0;
	padding: 0;
}

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

fieldset {
	border: 0;
}

3.要約の整理

ブラウザによって異なるタグを表示するデフォルトのスタイルが異なります.

すべてのブラウザで同じ画面が表示されるように、デフォルト値をリセットします.

reset CSSは、各項目に対して使用されます.