-
CSS 스타일 초기화CSS/CSS 2021. 4. 16. 01:03
브라우저의 기본 스타일 초기화
- 각각의 브라우저가 제공하는 기본적인 스타일이 조금씩 다르다
- 그러므로 결과값이 브라우저마다 다르게 보인다
- 이러한 경우를 없애기 위해 초기화하는 용도로 reset.css를 사용
reset.css cdn 링크 삽입
- reset.css를 통해 브라우저가 가지고 있는 기본 스타일들이 초기화 된다
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
파일명.min.확장자와 같이 min(Minify) 키워드는 파일이 난독화나 경략화를 의미함
/npm/reset-css@5.0.1/reset.min.css -> Copy HTML 클릭
결과 = cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
HTML에서 <head> 태그 내부에 붙여넣기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
- 브라우저 스타일을 초기화하는 CSS가 먼저 동작할 수 있도록 추가적으로 작성하는 CSS 링크보다 앞부분에 작성
P.S 코드펜에서 초기화 방법
- CSS 세팅에서 CSS BASE 부분 Reset으로 변경
'CSS > CSS' 카테고리의 다른 글
CSS 선택자 (속성) (0) 2021.04.22 CSS 선택자 (가상 클래스, 가상 요소) (0) 2021.04.21 CSS 선택자 (기본, 복합) (0) 2021.04.20 CSS 선언 방식 (0) 2021.04.20 CSS 기본 문법 (0) 2021.04.20