본문 바로가기

HTML

reset (스타일 초기화)

Reset이 왜 필요한가?

   

브라우저는 기본 스타일 값을 각자 가지고 있는데 차이가 있다. 기본적인 margin, padding 조차 천차만별이기 때문에 통일된 화면을 구현하기 위해서는 초기화 과정이 필요하다.

Style을 비워둔 상태를 비교해 보면

IE 11버전에서

Chrome 41버전에서 대충 보면 폰트 종류의 차이는 보이지만 큰 차이가 느껴지지는 않는다.

포토샵을 이용해 겹쳐서 보면 매우 큰 차이가 있다는 것을 알 수 있다.

Reset은 보통 style 상단에 선언한다.

초기화를 한 후 비교해 보면 거의 동일하게 변화된 것을 볼 수 있다. 렌더링 방식의 차이 때문에 텍스트는 미세하게 차이가 느껴진다.

'HTML' 카테고리의 다른 글

자식, 형제 - 고급 선택자  (0) 2015.04.06
reset, normalize  (0) 2015.04.02
viewport 설정  (0) 2015.03.31
meta 태그  (0) 2015.03.30
lang 속성  (0) 2015.03.24