본문 바로가기
html, 스타일시트(css, scss)

[html/css] css 초기화 사이트

by yerica 2024. 6. 14.

 

html에는 기본적으로 여러 속성들로 꾸며져있다.

내가 원하는 style을 적용하여 만들기 위해 먼저 이를 초기화 하는데 이를 css 초기화라고 부른다. 

본인이 원하는 모양이 있으면 직접 초기화 코드를 짜기도 하고, 아래와 같은 사이트에서 복사해와서 사용하기도 한다.

보통 common.css 나 reset.css 라고 파일명을 지정해놓고 따로 링크를 불러와 적용하는 경우가 많다.

 

 

1. CDNJS 사이트 

 

위 사이트에 들어가면, meyer-reset 이라는 css rest 코드를 받을 수 있다.

 

홈페이지를 확인해 보면 두개의 줄이 보이는데 min은 최소한의 내용을 가지고 있다.

reset min.css에 비해서 reset.css 주석이나 줄바꿈이나 공백 같은 것들이 보기 좋게 들어가 있어서 좀더 파일이 무겁다.

버튼

 

html 적용할 때, css 링크 연결하는 곳에 위 버튼을 클릭해  복사해서 붙여넣으면 된다.

붙여넣은 결과

 

2. Meyerweb / css tools: reset css

 

위 사이트에서 css 코드를 복사하여 사용하면 되는데, 맨 위의 주석의 경우 라이센스와 같은 것이기 때문에 꼭 함께 복사하여 넣어주어야한다.