Frontend
css 브라우저에 상관없이 초기화하는 법 ( reset css cdn )
고수트
2022. 11. 14. 21:50
반응형
브라우저(chrome, firefox ... ) 마다 기본 css 의 스타일에 차이가 있다.
따라서 같은 화면을 제공하기 위해 css를 초기화 해주는 reset-css 을 활용한다.
구글에 reset css cdn 으로 검색한 뒤 jsDelivr 가 만든 사이트에 들어가거나
아래 주소에서 URL 을 복사하여 link 태그에 활용한다.
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
Copy URL 클릭
HTML 에 적용
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
</head>
이때 main.css 가 있다면 이보다 위에 호출되어야한다. (초기화 먼저)
ex)
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
<link rel="stylesheet" href="./main.css">
</head>반응형