---
type: bookmarks
tags: ['css', 'reset']
status: release
ctime: 2022-04-09
mtime: 2026-10-06
---

import QuoteLink from '@components/QuoteLink.astro'

<QuoteLink url="https://en.wikipedia.org/wiki/Reset_style_sheet">
  Reset style sheet
</QuoteLink>

> A reset stylesheet (or CSS reset) is a collection of CSS rules used to clear the browser's default formatting of HTML elements, removing potential inconsistencies between different browsers.

---

- [An Interview With Elad Shechter on "The New CSS Reset" | CSS-Tricks](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/)[^113-1]
- [Modern CSS Reset / Global Styles](https://www.joshwcomeau.com/css/custom-css-reset/)[^113-2]
- [Notes on Josh Comeau's Custom CSS Reset | CSS-Tricks - CSS-Tricks](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/)[^113-4]
- [Your CSS reset needs text-size-adjust (probably) | CSS-Tricks - CSS-Tricks](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/)[^113-3]

---

[^113-1]: `all: unset;`을 적용해서 reset 하는 방법을 제시하고 있다.

[^113-2]: box-sizing, 기본 margin 제거, percent 기반 높이, line-height 조정, font-smoothing, 미디어 타입 기본값, form 요소 글꼴 상속, 줄 바꿈, 루트 스태킹 컨텍스트로 구성된 초기화

[^113-3]: text-size-adjust 관련한 상황들

[^113-4]: Chris Coyier 가 위 Josh Comeau 리셋을 줄마다 평한 글. 브라우저 기본 스타일 차이가 줄어서 요즘 리셋은 "의견이 담긴 기본값 모음"에 가깝다는 관점 — `box-sizing` 은 상속 방식으로(컴포넌트에서 되돌리기 쉽게), `margin: 0` 이면 `padding: 0` 도, `-webkit-font-smoothing: antialiased` 전역 적용엔 반대, 글꼴 크기 기준은 `body` 가 아니라 `html`(rem 의 root).