normalize.css를 react scss 적용
본문 바로가기

Frontend/css

normalize.css를 react scss 적용

h1~h7, ul 태그에서는 normalize가 제대로 적용이 안되는모습을 볼수있다. 별수없이 margin, padding:0을 해준다.

--

 

과거에는 default.css파일을 프로젝트에 넣어서 css를 normalize했었는데

찾아보니 reset.css랑 normalize.css를 다운받거나 yarn add 하는 방법도 있더라.

 

reset.css는 h1,h2까지 깨져버린다고해서 스킵하고 normalize.css를 시도해봤다.

yarn add normalize.css

scss파일내에서는 불러오는것이 불가능해서 App.js에서 import를 하였다.

scss내에서 불러오는 방법은 실패
App.js에서 임포트는 성공

 

 

적용 전

body 기본 마진값이 살아있음

적용 후

 

Yarn

Fast, reliable, and secure dependency management.

classic.yarnpkg.com

https://classic.yarnpkg.com/en/package/normalize.css

반응형

'Frontend > css' 카테고리의 다른 글

css의 오염방지, 종속  (0) 2022.05.22
fadein animation, keyframe  (0) 2022.04.28
BEM css아키텍처 + scss  (0) 2022.03.06
css 명세 읽는법 value  (0) 2022.03.06
table colspan rowspan 예시  (0) 2021.09.08