[CSS] 브라우저 기본값 초기화 리셋 reset.css 개념 잡기

리셋(reset) 개념

---

reset = 재설정 이라는 의미. 모든 브라우저에서 통일된 화면을 볼 수 있도록 기본값을 처음부터 초기화를 시킨다는 의미.

 

대표적인 브라우저로는 IE(익스플로러), Firefox(파이어폭스), Chrome(크롬), Safari(사파리), Opera(오페라)가 있다.

각 브라우저를 코드 작성에 화면을 띄우게 되면 table / body 등의 태그들의 margin, padding을 적용했을 때

브라우저마다 기본값이 다르기때문에 사용자가 화면을 보았을때 간격들이 브라우저마다 다르게 보이게 된다.

 

그래서 리셋(reset)을 통해서 모든 브라우저에서 통일된 화면을 볼 수 있도록 margin / padding 등의 값을

기본값으로 초기화를 시킨 후 작성을한다면 어떤 브라우저에서도 동일한 결과를 보여줄수 있게 된다.