Middle
Kā jūs atiestatāt stilus savos projektos?
sobes.tech AI
Atbilde no AI
Parasti izmantoju normalize.css kā pamatu. Tas vieno elementu stilus un padara tos prognozējamākus visās pārlūkprogrammās, vienlaikus saglabājot noderīgus noklusējuma stilus.
// normalize.css daļas piemērs
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
}
main {
display: block;
}
Dažreiz pievienoju savu mazu resetu vai pamata stilu kopumu virs normalize.css konkrētiem uzdevumiem vai lai nulleētu dažādu elementu marginus un paddingus.
// Papildu stili
*,
*::before,
*::after {
box-sizing: border-box; /* Padara darbu ar izmēriem prognozējamāku */
}
body {
min-height: 100vh; /* Izstiepj ķermeni uz visu redzamo augstumu */
scroll-behavior: smooth; /* Gluds ritinājums uz saitēm */
text-rendering: optimizeSpeed; /* Prioritāte ir ātrumam */
}
a {
text-decoration: none; /* Noņem saiteņu apakšsvītru */
color: inherit; /* Saistītās saites manto teksta krāsu */
}
ul,
ol {
list-style: none; /* Noņem saraksta marķierus */
padding: 0;
margin: 0;
}
button,
input,
textarea,
select {
font: inherit; /* Formu elementi manto fontu no vecāka */
}
img {
max-width: 100%; /* Attēli neiznāk no konteineriem */
display: block; /* Noņem zemāko atstarpi inline-blokiem */
}
Konkrētas pieejas izvēle ir atkarīga no projekta prasībām un izmantotā framework. normalize.css ir labs kompromiss starp pilnu resetu un noklusējuma stiliem.