CSS Reset чист?

CSS Reset — як маҷмӯи қоидаҳои CSS мебошад, ки барои барқарор кардани услубҳои асосии ягона барои ҳамаи унсурҳои HTML дар асоси пешфарз тарҳрезӣ шудааст ва фарқиятҳои услубҳои стандартии браузерҳоро бартараф мекунад. Ин кӯмак мекунад, ки намуди вебсаҳифаҳо бештар пешгӯишаванда ва ҳамоҳанг бо браузерҳо бошанд.

Мақсадҳои асосии CSS Reset:

• Бартараф кардан ё нол кардан ё маҳдуд кардани маржа (margin, padding) ва доираҳои стандартӣ.
• Барқарор кардани андозаи стандартии ҳарфҳо ва фосилаҳои байни сатрҳо барои сарлавҳаҳо, параграфҳо ва ғайра.
• Якхела кардани тарзи рӯйхатҳо (ul, ol).
• Барқарор кардани услубҳои таблицаҳо, формҳо, тасвирҳо ва дигар унсурҳо.

Масалан, намунаи асосии CSS Reset:

/*
   CSS Reset: Барқарор кардани услубҳои стандартии браузерҳо
   барои таъмин кардани намуди асосии ягонаи унсурҳо.
*/

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Дарбаргирии padding ва border дар андозаи умумии унсур */
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; /* Нозуктар кардани ҳарфҳо */
}

img, picture, video, canvas, svg {
  display: block; /* Баъзан ҷойи пешфарзро дар зери тасвирҳои inline барҳам медиҳад */
  max-width: 100%; /* Гарант мекунад, ки тасвирҳо аз контейнери худ берун намераванд */
}

input, button, textarea, select {
  font: inherit; /* Наследи ҳарф аз падар */
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; /* Иҷозат медиҳад, ки калимаҳои дароз пора шаванд */
}

Маҳсулоти CSS Reset гуногунанд, масалан, Reset CSS-и Eric Meyer ё Normalize.css. Normalize.css, баръакс аз пурра нол кардан, услубҳои муфидро нигоҳ медорад ва танҳо онҳое, ки мушкилоти мувофиқати барномасозиро ба вуҷуд меоранд, ислоҳ мекунад. Ин интихоби байни онҳо ба лоиҳа ва афзалиятҳои барномасоз вобаста аст.