[HTML, CSS] Reset CSS로 HTML 간격 리셋하기

미분류 노트

[HTML, CSS] Reset CSS로 HTML 간격 리셋하기

mroh1226 2023. 5. 24. 14:23

HTML 마크업 언어를 작성하다 보면 CSS로 어떻게든 해보려고해도 아래와 같이 간격이 생깁니다.

margin, border, padding 모두 값이 없지만 생기는 간격...!

이를 해결하는 방법으로 Reset이라는 CSS 파일을 html에 link로 연결 시켜주는 방법이 있습니다.

1. 접속하기 https://meyerweb.com/eric/tools/css/reset/

CSS Tools: Reset CSS

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter

meyerweb.com

2. 내용 복사하기

3. reset.css 파일 생성

4. 붙여넣기

5.html 과 reset.css 연결하기

연결(styles.css 는 index.html과 link로 연결되어있음)

6. 완료