개발노트

[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 파일 생성

reset.css 파일 생성

4. 붙여넣기

reset.css에 내용 복붙

5.html 과 reset.css 연결하기

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

6. 완료

깔끔하게 완료.!

반응형

'미분류 노트' 카테고리의 다른 글

[Flutter] 에피소드 앱 홈화면 클론코딩 해보기  (0) 2023.10.25
[CSS] Font Awesome 을 다른 요소와 겹치게 사용할 때 생기는 간격 없애기  (0) 2023.06.30
GitHub Page 무료 호스팅 이용하기  (0) 2023.05.15
1. [C#] Excel, csv 파일 DataTable로 변환시키기  (1) 2023.01.13
ClickOnce로 게시된 .app-ms에 다른 프로그램의 Arguments 값 받아오기  (0) 2022.12.23
'미분류 노트' Related Articles more
Comments