Какво е 'reset' CSS?

'Reset' CSS е набор от стилове, който нулира стандартните стилове на браузъра за HTML елементи. Браузърите прилагат дефолтни стилове (например, отстъпи, размери на шрифтове, дебелина на рамки), които могат да варират. Reset CSS прави тези стилове еднакви, улеснявайки разработката и осигурявайки кросбраузерна съвместимост.

Основните задачи на reset CSS:

• Премахване на стандартните отстъпи и падинги
• Нулиране на стиловете на заглавията
• Нормализиране на стиловете на списъците
• Премахване на стиловете на формовите полета
• Задаване на box-sizing: border-box;, което често се включва в съвременните reset-и за улесняване на изчисляването на размерите на елементите.

Пример за прост фрагмент от reset CSS:

/* Нулиране на стандартните отстъпи */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Премахване на стандартните стилове за списъци */
ul, ol {
  list-style: none;
}

Съществуват различни реализации на reset CSS, като например CSS Reset на Eric Meyer, Normalize.css (който технически не е reset, а "нормализатор", който запазва полезните стандартни стилове, но ги прави еднакви) или по-малко минималистични решения.