CSS reset을 사용하는 이유 - 내가 쓰는 css reset

 

<h1>태그나 <p>태그를 사용하면 아래처럼 자동으로 보기 좋게 간격을 띄워놔준다.

 

이러한 간격은 css로 디자인을 따로 하지않아도 자동으로 설정되는 것이다.

 

근데 만약 우리가 개발할 때 어떤 디자인에 맞춰서 개발을 해야한다고 생각해보자.

그렇게 되면 이러한 서식들은 정확한 css를 작성할 때 방해가 될 것이다.

 

이런 원래있는 서식들을 취소해주는 코드를 작성해야 내가 원하는 서식을 적용할 수 있을 것이다.

이때 필요한 것이 CSS reset이다.

기본 서식이 들어가지 않은 순수한 상태로 만들어주는 것이다.

 

구글에 CSS reset을 검색하면 다양한 css reset들이 있다. 

그 중에서 나는 아래의 링크를 이용했다.

https://cssdeck.com/blog/scripts/eric-meyer-reset-css/

Eric Meyer’s “Reset CSS” 2.0 | CSS Reset

 

여기에 있는 CSS 코드를 가져와서 내 코드에 link하기만 하면 된다.

 

 

참고로 아래와 같이 * 붙여서 해도 가능하다.

모든 css에 적용하는 건데 어차피 아래에서 선언하면 덮어씌워진다.

* {
    margin : 0;
    padding : 0;
}