[Css] css reset / normalize (초기화 / 정규화)

브라우저 (크롬 ,사파리 ,파이어폭스 등 .. ) 마다 제공하는 user agent stlye이라는게 존재한다

간단히 브라우저의 기본 스타일값이라고 생각하면 되겠다.

 

다만 브라우저마다 기본스타일이 다르기때문에 이를 극복하기위해   css  reset / css normalize 가 존재한다 !

그렇다면 두개의 차이는 무엇일까?

 

Css reset

말그대로 리셋 모든 브라우저에서 통일된 화면을 볼수있게 기본값을 초기화한다.

리셋의 방법은 매우 다양한데  Eric Meyer의 Reset CSS 를 많이 사용하는듯하다 

특징은 

• 스타일링에 대한 시간이 오래걸리며 아얘 초기화를 하는 것이기 때문에 지속적인 업데이트가 필요없다
• 유용한 스타일까지도 초기화해버리는 비효율적인 부분이 있다

Css normalize

브라우저 간  user agent stlye 오차를 줄이고 , 버그만 줄이는 방향으로 스타일을 재지정한다.

모든기본값을 초기화하는 reset에 반해 기본값들을 최대한 보존하고 수정을 최소화한다.

오픈소스이다.

https://necolas.github.io/normalize.css/

 

특징은

• 내장브라우저의 스타일링을 손봐주며 차이를 없애주는 기법이기 때문에 브라우저 업데이트마다 지속적인 업데이트가 필요하다.
•  기본 스타일을 완전히 잃지 않고 최신 CSS 표준을 사용하여 브라우저 간 일관성을 제공한다.