크롬, 엣지, 파이어폭스, 사파리는 각각 브라우저의 디폴트 스타일을 갖고 있다.
위와 같이 간단하게 div를 생성하고 실제 브라우저로 확인하면 아래와 같은 스타일이 적용되어 있다.
이런 브라우저 기본 스타일은 초기화하여 모든 브라우저에서 같은 모양을 하는 것이 좋다.
reset.css 링크를 하는 방법을 사용하면 된다.
https://www.jsdelivr.com/package/npm/reset-css
jsDelivr - A free, fast, and reliable CDN for Open Source
Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use.
www.jsdelivr.com
reset.min.css를 가져오는 것이다. 문서 아이콘을 클릭하여 html 코드를 가져온다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">이 링크를 나의 CSS 파일 링크 앞에 작성하면 된다.
확인 결과 기본으로 들어가 있는 margin 값과 display 속성이 없어졌다.
'FrontEnd' 카테고리의 다른 글
| [HTML CSS JS] 검색 박스 구현 (Search Box) (0) | 2022.02.06 |
|---|---|
| [HTML JS] data 속성(data attribute) (0) | 2022.01.23 |
| [CSS] favicon(파비콘) (0) | 2022.01.18 |
| [HTTP] 웹 데이터 전달 방식 GET방식 POST방식 (0) | 2022.01.16 |
| [CSS] Flex 속성 (0) | 2022.01.15 |
댓글