CSS: Sproget, der styler webbet
CSS styrer alle visuelle detaljer på en webside — farve, layout, afstande, animation og responsivitet. Det er vokset fra et simpelt præsentationslag til et komplet designsystemsprog med moderne funktioner som containerforespørgsler, @layer, logiske egenskaber og Houdini API, der giver udviklere detaljeret kontrol over gengivelsen. Dette forløb dækker hele CSS, fra at skrive din første selector til at opbygge skalerbare designsystemer, der bruges på tværs af store produktionskodebaser.
Det lærer du
Du begynder med syntaks, selektorer, farver og typografi og opbygger derefter en solid forståelse af boksmodellen, display-egenskaber og positionering. Herfra arbejder du med Flexbox og CSS Grid til både almindelige og avancerede layouts, anvender responsivt design og medieforespørgsler og bruger CSS-variabler, tilpassede funktioner og designtokens til temaer, der er nemme at vedligeholde. Du kommer også omkring overgange, keyframe-animationer, transformationer, filtre, blend-tilstande og mørk tilstand samt moderne værktøjer med Sass, PostCSS og CSS-in-JS-mønstre. Forløbet afsluttes med CSS-arkitektur ved hjælp af BEM, specificitet og kaskaden, containerforespørgsler, @layer-kaskadelag, CSS Houdini og ydeevne.
Læringsforløbet
Fyrre kurser spænder fra A1 til C1. De tidlige A1- og A2-kurser etablerer grundlaget — selektorer, boksmodellen, pseudoklasser, pseudoelementer og enheder. B1-kurserne dækker Flexbox, Grid, responsivt design, animationer, fejlfinding med DevTools og CSS-funktioner. B2-kurserne går videre til avanceret Flexbox og Grid, Sass, PostCSS, CSS-in-JS, designtokens, CSS Shapes, logiske egenskaber, containerforespørgsler og CSS Layers. De tre C1-kurser — CSS Houdini, CSS-ydeevne og CSS' fremtid — omhandler platformens nyeste muligheder.
Sådan fungerer det
Hvert kursus er opdelt i korte, fokuserede lektioner, som du gennemfører direkte i den indbyggede editor med feedback i realtid. Du kan få hjælp af en AI-underviser, når du går i stå, og progressionen er bevidst trinvis, så hvert begreb bygger videre på det forrige, før det næste introduceres.
