Layihələrinizdə stilləri necə sıfırlayırsınız?

Əsas kimi normalize.css istifadə edirəm. Bu, elementlərin stillərini vahid edir və bütün brauzerlərdə daha proqnozlaşdırıla bilən edir, eyni zamanda faydalı standart stilləri saxlayır.

// normalize.css-in bir hissəsinin nümunəsi
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

Bəzən normalize.css üzərinə kiçik sıfırlama və ya əsas stil dəstləri əlavə edirəm, xüsusi tapşırıqlar və ya bəzi elementlərin kənar boşluqları və paddingsini sıfırlamaq üçün.

// Əlavə stillər
*,
*::before,
*::after {
  box-sizing: border-box; /* Ölçülərlə işləməni daha proqnozlaşdırıla bilən edir */
}

body {
  min-height: 100vh; /* Body-ni görünən hündürlüyün bütününə uzadır */
  scroll-behavior: smooth; /* Ankerlərə yumşaq sürüşmə */
  text-rendering: optimizeSpeed; /* Render sürətini üstün tutur */
}

a {
  text-decoration: none; /* Linklərin alt xətini götürür */
  color: inherit; /* Linklər mətn rəngini miras alır */
}

ul,
ol {
  list-style: none; /* Siyahı nişanlarını götürür */
  padding: 0;
  margin: 0;
}

button,
input,
textarea,
select {
  font: inherit; /* Form elementləri valideynin şriftini miras alır */
}

img {
  max-width: 100%; /* Şəkillər konteynerdən çıxmır */
  display: block; /* Inline-block elementlərdə aşağıdakı boşluğu götürür */
}

Xüsusi yanaşma seçimi layihənin tələblərinə və istifadə olunan çərçivəyə bağlıdır. Normalize.css tam reset və standart stillər arasında yaxşı bir kompromisdir.