En hurtig CSS genopfriskning
CSS selector! Hvis du, lige som jeg, glemmer selectors, når de ikke lige har været i brug et stykke tid.
Så vil du her under finde et hurtigt, men venligt “Spark” til, at huske.
Der er så mange “underlige” CSS Selectorer. Så mange gange kommer man i tvivl om det rigtige valg.
# < . , * + ~ : { } [ ]>
Håber denne liste også kan hjælpe dig.
Download som PDF her. Udskriv og hæng den på væggen 😉
Download som PDF her. Udskriv og hæng den p åvæggen 😉
Hvad bruges CSS til?
CSS, eller Cascading Style Sheets, bruges til at give hjemmesider deres visuelle udtryk. Hvor HTML strukturerer indholdet på siden, er det CSS, der sørger for farver, skrifttyper, layout og andre designmæssige detaljer.
Uden CSS ville en hjemmeside fremstå meget enkel og kedelig – nærmest som noget fra internettets barndom.
CSS gør det muligt at tilpasse designet, så det passer til virksomhedens brand eller brugerens ønsker. Det giver desuden mulighed for at lave responsive layouts, der fungerer på både mobil, tablet og desktop.
Kort sagt: CSS er nøglen til at få en hjemmeside til at se moderne, indbydende og professionel ud
Hvordan en CSS selector virker?
CSS fungerer ved, at man definerer regler, der fortæller browseren, hvordan specifikke HTML-elementer skal styles.
Dette gøres ved hjælp af såkaldte selectors, som målretter de ønskede elementer. Når en selector rammer et element, bliver de tilknyttede regler – som for eksempel farve, størrelse eller margin – anvendt på det.
På den måde adskilles designet fra selve HTML-strukturen, hvilket gør det nemmere at vedligeholde og tilpasse udseendet på en hjemmeside.
CSS kan både ligge direkte i HTML-filen eller i separate filer, som kan genbruges på tværs af flere sider.
