User Agent Style Sheet란
- 브라우저가 HTML 요소에 미리 적용해놓은 기본 서식 브라우저 종류(Chrome, Firefox, Safari 등)마다 기본 스타일이 조금씩 다름
초기화 전략
- 있는 그대로 사용 - User Agent Style Sheet를 제거하지 않고 추가 서식만 구현
Reset CSS
- 브라우저 기본 스타일을 모두 제거 - 모든 요소를 동일한 초기 상태(0)에서 시작 - 처음부터 직접 모든 스타일을 정의해야 함 - 국내(네이버, 다음 등)에서 주로 사용
Normalize CSS
- 브라우저 간 차이가 있는 스타일만 제거 - 유용한 기본값은 보존 - Reset보다 코드가 간결하고 성능 면에서 유리 - 해외에서 주로 사용
CSS 디자인 프레임워크
-
직접 초기화 없이 라이브러리를 사용하는 방법
-
Bootstrap
-
Tailwind CSS
-
PureCSS
-
템플릿 사용
-
장점: 베이스 품질이 높음
-
단점: 수정이 어려움
