Skip to content
Modern CSS Fundamentals

CSS Resets

Traditionally, CSS resets dealt with the fact that all the browsers had different user agent stylesheets, and often differing bugs as well. These days, the user agent styles for browsers are all very similar, so rather than trying to get them all on the same page, most resets aim to give us a little bit more of a sane starting point, so perhaps we should call this a CSS starter instead of a reset.

Whatever you want to call it, something like this is a pretty good starting point!

/* maybe? */
* {
  box-sizing: border-box;
}


/* some people prefer * { margin: 0 } */
/* I prefer line-height: 1.6 */
body {
  margin: 0;
  line-height: 1.5;
}


h1, h2, h3, h4 {
  line-height: 1.1;
}


input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}


img {
  display: block;
  max-inline-size: 100%;
}