Development/HTML · CSS

[HTML/CSS] reset.css

레오나르도 다빈츠 2021. 12. 8. 16:56

이전 필드에서 reset.css를 본 적이 있는데, 파일을 열어보지도 않고 'reset 기능과 관련된 css인가...?' 생각했었다.

나중에 퍼블리셔분이 필요한 파일이라고 말씀하시기에 배포할 때 빼먹지않는 정도로만 인지했었는데..

만약 이 css가 왜 필요했는지 그 때 찾아보고 알았더라면 토이프로젝트를 할 때 css 관련하여 고생이 덜 했을거라는 생각이 든다.

 

reset.css는 브라우저마다 기본스타일이 다르기때문에 브라우저끼리 동일한 스타일을 주기 위해 css를 초기화하는 환경설정용 css라고 한다.

브라우저마다 여백도 다르고 초기값도 달라서 항상 불편하다는 생각만 했지 방법을 찾을 생각을 못 한 나 자신... 반성 중..🙃

 

작성한 곳 마다 다르게 작성되어 있고 정해진 표준은 없는 것 같다.

적절히 원하는 초기화가 있는 css을 찾아 적용하고 필요할 시 커스터마이징을 하면 될 것 같다.

아래는 대표적으로 쓰인다는 css이다.

 

 

◽ CDN 방식으로 사용하기

여기서 확인할 수 있고, <head> 안에 작성하면 된다.

 

normalize - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

Normalize.css as a node packaged module - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We mak

cdnjs.com

📄 html

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
  </head>
  <body></body>
</html>

 

 

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

 

 

저작자표시 (새창열림)