'reset' CSS nedir?

'Reset' CSS, HTML öğeleri için tarayıcının varsayılan stillerini sıfırlayan bir stil setidir. Tarayıcılar, farklılık gösterebilen varsayılan stiller uygularlar (örneğin, marginler, yazı tipi boyutları, kenarlık kalınlıkları). Reset CSS, bu stilleri standart hale getirir, geliştirmeyi kolaylaştırır ve tarayıcılar arası uyumu sağlar.

Reset CSS'in temel görevleri:

• Varsayılan margin ve paddingleri kaldırmak
• Başlık stillerini sıfırlamak
• Listelerin stillerini normalize etmek
• Form alanlarının stillerini sıfırlamak
• box-sizing: border-box; ayarını yapmak, modern resetlerde sıkça kullanılır ve elementlerin boyut hesaplamasını kolaylaştırır.

Basit bir reset CSS örneği:

/* Varsayılan margin ve paddingleri sıfırla */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Liste stillerini kaldır */
ul, ol {
  list-style: none;
}

Farklı reset CSS uygulamaları mevcuttur, örneğin Eric Meyer'in CSS Reset'i, Normalize.css (aslında bir reset değil, "normalleştirici" olup kullanışlı standart stilleri koruyan ve birleştiren) veya daha minimal çözümler.