Kaip atstatote stilius savo projektuose?

Dažniausiai naudoju normalize.css kaip pagrindą. Jis suvienodina elementų stilių ir padaro juos labiau prognozuojamus visuose naršyklėse, tuo pačiu išlaikydamas naudingus numatytuosius stilius.

// normalize.css dalies pavyzdys
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

Kartais pridedu savo mažą resetą arba pagrindinių stilių rinkinį virš normalize.css tam tikriems užduotims arba tam, kad iš naujo nustatyti kai kurių elementų marginus ir paddingus.

// Papildomi stiliai
*,
*::before,
*::after {
  box-sizing: border-box; /* Daro darbą su dydžiais labiau prognozuojamą */
}

body {
  min-height: 100vh; /* Išplečia body iki viso matomo aukščio */
  scroll-behavior: smooth; /* Sklandus slinkimas prie nuorodų */
  text-rendering: optimizeSpeed; /* Pirmenybę teikia greičiui */
}

a {
  text-decoration: none; /* Pašalina nuorodų pabraukimą */
  color: inherit; /* Nuorodos paveldės teksto spalvą */
}

ul,
ol {
  list-style: none; /* Pašalina sąrašo žymenis */
  padding: 0;
  margin: 0;
}

button,
input,
textarea,
select {
  font: inherit; /* Formos elementai paveldės šriftą iš tėvo */
}

img {
  max-width: 100%; /* Nuotraukos neperžengs konteinerio ribų */
  display: block; /* Pašalina žemiau esančią erdvę inline-block elementuose */
}

Konkretaus požiūrio pasirinkimas priklauso nuo projekto reikalavimų ir naudojamo framework'o. normalize.css yra geras kompromisas tarp visiško reset ir numatytųjų stilių.