CSS-də 'normalize' nədir?

normalize.css və ya funksionallıq baxımından oxşar həllər (məsələn, Reset CSS) standart stilləri sıfırlamaq və ya normallaşdırmaq üçün istifadə olunur, bunlar brauzerlər arasında fərqlənir. Bu, müxtəlif platformalarda elementlərin daha əvvəlcədən proqnozlaşdırıla bilən və vahid şəkildə göstərilməsini təmin edir.

normalize.css və Reset CSS arasındakı əsas fərqlər:

• Reset CSS: Bütün elementlərin stillərini minimuma endirir (məsələn, boşluqları, sərhədləri və tipografiyanı sıfırlayır). Bu, tamamilə fərdi dizayn yaratmaq üçün əlverişlidir, lakin standart elementlər üçün çox sayda stilin əl ilə əlavə edilməsini tələb edir (siyahılar, formalar və s.).
• normalize.css: Standart stillərdəki fərqləri düzəldir, lakin faydalı standart stilləri (məsələn, başlıqlar üçün tipografiya, siyahılar üçün boşluqlar) saxlayır. Bu, sonradan onları yenidən yazma ehtiyacını azaldır.

Normallaşdırma nümunələri:

• <h1>-<h6> elementlərinin müxtəlif brauzerlərdə bənzər şəkildə göstərilməsi.
• body kimi elementlər üçün margin və paddingin sıfırlanması.
• Formlar və düymələrin göstərilməsindəki fərqlərin düzəldilməsi.

/* normalize.css-dən body üçün nümunə */
body {
  margin: 0; /* Standart boşluğu aradan qaldırır */
}

/* normalize.css-dən h1 üçün nümunə */
h1 {
  font-size: 2em; /* Standart ölçü təyin edir */
  margin: 0.67em 0; /* Standart boşluqları təyin edir */
}

Nəticədə, normalize.css istifadə etmək brauzer uyğunluğu problemlərindən qaçmağa kömək edir və sonrakı stil tətbiqləri üçün daha stabil bir baza yaradır.