div {
width: 200px;
height: 100px;
background-color: oragne;
}
브라우저마다 각자 다른 기본 코드가 있다.(e.g <body> 태그에 margin값이 들어 있는 코드)
이런 상황에서 브라우저 마다 각자 다른 스타일이 적용되어 있기때문에 브라우저 기본 스타일을 초기화 해주는 코드를 유용하게 사용할 수 있다.
/npm/[email protected]/reset.min.css
브라우저의 기본 스타일을 초기화 해주려고 할 때 사용한다. reset.min.css 파일을 import 할 때, 스타일 관련 코드줄 중게 가장 위에 표기하도록 한다.
파일명.min.확장자와 같이 min(Minify 단어의 약어) 키워드는 파일이 난독화나 경량화 되었다는 것을 의미한다. 우리가 외부에서 가져와 사용하는 플러그인, 라이브러리 등을 직접 수정할 상황은 매우 드물기 떄문에 굳이 원본을 사용할 필요가 없다.