-
css 브라우저에 상관없이 초기화하는 법 ( reset css cdn )Frontend 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>반응형'Frontend' 카테고리의 다른 글
css 주석 추가하는 방법 (0) 2022.11.14 css 화면 크기에 따라 줄 바뀌게 하는 법 (0) 2022.11.14 CSS : input tag border 안보이게 하는 법 (0) 2021.12.28 CSS : 마우스 커서 올렸을 때 포인트 표시되게 하는 법 (0) 2021.12.28 CSS : 마우스 커서 올렸을 때 포인트 표시되게 하는 법 (0) 2021.12.28