반응형
각 브라우저별로 기본으로 적용되는 스타일이 있다
body 전체에 margin이 생기는 경우가 그 대표적인 예인데 복잡하게 코드로 작성할 필요 없이
간단한 복붙으로 스타일을 초기할 수 있는 방법이 있다
1. 아래 사이트 접속
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
2. 복사
둘 중 하나를 선택하면 되는데 나는 min(압축 버전)으로 선택
디스크 모양을 클릭하면 copy to URL, copy to HTML이 있는데 HTML 태그에 넣을 예정이므로 copy to HTML을 클릭!
3. 붙여 넣기
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
</head>위와 같이 헤드 태그에 넣어주면 된다
반응형
'📍 Front-End > 🜸 HTML & CSS' 카테고리의 다른 글
| 크롬 브라우저에서 input 자동완성 파란색 배경 없애기 (0) | 2022.10.18 |
|---|---|
| [CSS] position: absolute; 가 적용된 element의 z-index가 적용되지 않을때 (0) | 2022.05.07 |
| [CSS] IOS에서 <input> element에 적용된 background-color 제거하기 (shadow, border-radius) (0) | 2022.02.16 |
| [CSS] <tr>태그에서 display: 'block' 적용시 발생하는 문제 (0) | 2022.02.15 |
| [CSS] 모바일 웹에서 높이(height) 100% 채우기 (4) | 2021.06.17 |
댓글