CSS

CSS Reset Vs. Normalize

ToKor 2020. 12. 22. 05:59

Reset(초기화)

CSS resets aim to remove all built-in browser styling. Standard elements like H1-6, p, strong, em, et cetera end up looking exactly alike, having no decoration at all.

 

Normalize(일반화)

CSS Normalize aims to make built-in browser styling consistent across browsers. Elements like H1-6 will appear bold, larger et cetera in a consistent way across browsers. You're then supposed to add only the difference in decoration your design needs

 

브라우저별로 스타일이 다른 문제를 어떤 접근방법으로 해결

- 문제와 문제를 일으키는 브라우저를 식별, 해당 브라우저가 사용중일때만 로드되는 별도의 스타일시트 사용, 그러나 서버사이드 랜더링 필요

- bootstrap 같은 라이브러리 사용

- css reset 또는 normalize.css 사용