CSSbestanden

CSSbestanden zijn bestanden die Cascading Style Sheets (CSS) bevatten en worden gebruikt om de visuele presentatie van HTML-documenten te bepalen. Ze zijn platte tekstbestanden met de extensie .css en worden doorgaans UTF-8 gecodeerd. Door inhoud en presentatie te scheiden, maken CSSbestanden styling consistent over meerdere pagina's en verbeteren ze het onderhoud van een website.

Een CSSbestand definieert stijlregels. Een regel bestaat uit een selector en een declaratieblok waarin één of meer property: value-declaraties staan, elk afgesloten met een puntkomma. Browsers passen regels toe op basis van specificiteit en de cascade, waardoor meerdere regels samenkomen tot de uiteindelijke stijl.

Externe CSSbestanden worden in HTML gekoppeld via een link-element in de head: <link rel='stylesheet' href='styles.css'>. Styles kunnen ook inline in een style-element staan of via @import worden geladen, maar externe stylesheets worden doorgaans geprefereerd vanwege betere caching en onderhoud.

Belangrijke kenmerken zijn selectors, properties en media queries voor responsief ontwerp, evenals pseudo-klassen en pseudo-elementen. De cascade bepaalt welke regels gelden bij conflicten; erfelijkheid laat veel eigenschappen van ouder- naar kindelementen overgaan.

Beste praktijken omvatten het organiseren van CSSbestanden in modulaire onderdelen, duidelijke namen en het volgen van conventies zoals BEM. Vermijd overmatig gebruik van !important, beperk specificiteit en overweeg minificatie voor productie. Gebruik resets of normalizers en voeg indien nodig toelichting toe.

Ontwikkelworkflows gebruiken mogelijk CSS-preprocessors (Sass, Less), post-processors (PostCSS) en buildtools om CSS te compileren, autoprefixeren en te optimaliseren. CSS-frameworks en design-systemen leveren kant-en-klare componenten die de ontwikkeling versnellen.