왜 스타일을 리셋 해야되는걸까?
현재는 크롬, 파이어폭스, 네이버 웨일, 엣지 등 다양한 인터넷 웹 브라우저들이 있으며, 각각의 브라우저들이 제공하는 (User agent style sheet) 요소의 기본 스타일들이 다르다.
이러한 문제 때문에 분명 같은 스타일을 적용했음에도 불구하고 웹 브라우저들마다 다르게 보이는 현상이 발생한다.
그래서 기본적으로 스타일을 리셋을 하는 과정을 진행해야 된다.
에릭 마이어의 reset CSS
- 브라우저의 모든 기본적인 스타일 속성들을 완전히 초기화 시켜주는 코드
아래에 링크에 들어가면 초기화를 시킬 수 있는 코드가 작성되어 있다.
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
normalize.css
현재는 에릭 마이어의 RESET CSS보다 많이 사용되고 있으며, 에릭 마이어처럼 브라우저의 기본적인 스타일을 모두 제거하지 않고 브라우저의 고유한 스타일을 존중하면서 어떤 브라우저든 간에 비슷한 스타일이 적용되게 해주는 css파일이다.
https://necolas.github.io/normalize.css/
Normalize.css: Make browsers render all elements more consistently.
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
necolas.github.io
'Programming > Style' 카테고리의 다른 글
| CSS Display속성 (0) | 2022.09.15 |
|---|---|
| CSS 선택자(Selector) (0) | 2022.09.08 |
| CSS란? (0) | 2022.09.08 |
| CSS 스타일 적용순서 (0) | 2022.09.08 |
| CSS margin 겹침현상 (0) | 2022.09.08 |