Ինչ է 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; /* Հեռացնում է տեքստային պատկերների ստանդարտ տարածքը */
  max-width: 100%; /* Համոզվում է, որ պատկերները չեն անցնում կոնտեյների սահմանները */
}

input, button, textarea, select {
  font: inherit; /* ժառանգում է տառատեսակը ծնողից */
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; /* թույլ է տալիս երկար բառերի կոտրում */
}

Տարբեր CSS Reset տարբերակներ կան, օրինակ՝ Eric Meyer-ի Reset CSS կամ Normalize.css: Normalize.css-ը, հակառակ ամբողջական վերականգնման, պահպանում է օգտակար ստանդարտ ոճերը և ուղղում միայն այները, որոնք առաջացնում են համատեղելիության խնդիրներ: Ընտրությունը կախված է նախագծից և ծրագրավորողի նախընտրություններից: