[CSS] Reset CSS 사용하기 / reset css 란? / 자주 사용되는 css reset

Reset CSS 란?

 

- 모든 웹 브라우저는 디폴트 스타일을 가지고 있어 CSS가 없이도 작동함.

대표적인 브라우저

• IE
• Firefox
• Chrome
• Safari
• Opera

- 웹브라우저에 따라 디폴트 스타일이 상이하고 지원하는 tag나 style도 제각각이어서 주의가 필요.

• 브라우저는 모두 같은 기본값을 사용하지 않는다
• margin, padding을 적용했을때 브라우저마다 보이는 방식디 다르다.
• 들여쓰기 거리, line height의 폭, heading 크기이 기본값도 다르다.

 

- Reset CSS는 기본적인 HTML 요소의 CSS를 초기화 하는 용도로 사용

  (디폴트 스타일을 하나로 통일시켜 주는 역할)

 

• 초기화 하는 reset.css파일을 별도로 만들어 저장해 놓고 태그 작성을 시작하면된다. 

 

reset의 개념 : 모든 브라우저에서 통일된 화면을 볼 수 있도록 기본값을 처음부터 초기화 시킨다는 의미

 

---

- 자주 사용되는 Reset CSS

• Eric Meyer's reset 
• normalize.css
• HTML5 Doctor CSS Reset
• Yahoo! (YUI 3) Reset CSS
• Normalize.css 1.0

 

 

 

 - Eric Meyer's reset  (http://meyerweb.com/eric/tools/css/reset/)

 - Normalize.css 1.0 (https://github.com/necolas/normalize.css)

 - HTML5 Doctor CSS Reset (https://html5doctor.com/html-5-reset-stylesheet/)

 - Yahoo! (YUI 3) Reset CSS (https://yuilibrary.com/yui/docs/cssreset/)

 

 

             

---

참조 

https://homzzang.com/b/css-257

http://rwdb.kr/%EC%BD%94%EB%94%A9%ED%95%84%EC%88%98css-reset%EB%AA%A8%EC%9D%8C/

https://gaebal4.tistory.com/18?category=741860

https://poiemaweb.com/css3-selector