Ce sunt stilurile agentului de utilizator și care…

Stilurile agentului utilizator sunt un set de stiluri CSS implicite pe care browserele le aplică elementelor HTML înainte de a încărca orice foi de stil ale autorului sau stiluri ale utilizatorului. Ele asigură un aspect de bază al elementelor (de exemplu, marginile la paragrafe, textul îngroșat în <strong>).

Se pot lucra cu ele în următoarele moduri:

Suprascrierea stilurilor: Stilurile autorului cu o specificitate mai mare sau după în codul CSS suprascriu stilurile agentului utilizator.
```
p {
  margin: 0; /* Suprascrie marginile standard */
}
```

Utilizarea CSS Reset sau Normalize.css: Aceste biblioteci resetează sau uniformizează stilurile de bază ale elementelor, neutralizând diferențele în stilurile agentului utilizator între browsere.

Reset CSS: Elimină aproape toate stilurile agentului utilizator. Exemplu:

/* Exemplu de Reset CSS de Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* Restul stilurilor de reset */

Normalize.css: Corectează stilurile agentului utilizator pentru a le face mai coerente între browsere, păstrând în același timp stilurile de bază utile.

/* Exemplu de Normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
/* Restul stilurilor normalizate */

Verificare în DevTools: Instrumentele de dezvoltare ale browserului permit să vezi ce stiluri agent utilizator sunt aplicate unui element specific.

Înțelegerea stilurilor agentului utilizator este importantă pentru o afișare previzibilă a elementelor și pentru a asigura compatibilitatea între browsere.

Ce sunt stilurile agentului de utilizator și care sunt modalitățile de a lucra cu ele?