CSS-grunder & läsbarhet
CSS-mekanik och läsbar layout: selektorer, Innehållscontainern och en tillgänglig navigering.
0% klart · 11 frågor
Din övningssida är nu semantiskt korrekt, och nästan oläslig. Texten sträcker sig över hela skärmen, menyn är en punktlista och allt är svart på vitt. Helt korrekt kod kan alltså ändå vara jobbig att använda, för läsbarhet är inget webbläsaren ger dig gratis. Det är beslut du fattar.
I det här området lär du dig fatta de besluten med CSS: du kopplar ett stilark till din struktur, pekar ut element med selektorer och tämjer sidan tills texten ligger i en läsbar kolumn och menyn går att träffa med ett finger. Det du bygger här är grunden för all CSS du skriver i resten av kursen.
- 1 CSS, selektorer och färg Hur du skapar en extern style.css, kopplar ihop den med HTML och använder CSS på element med selektorer.
- 2 Display egenskaper och dokumentflödet Förstå skillnaden mellan block, inline och inline-block, och hur det påverkar layouten och användarupplevelsen.
- 3 Container & läsvänlighet Hur du får ordning på oändligt långa rader med max-width, centrering och vertikal rytm.
- 4 Navigationsstruktur Varför en meny är en lista och hur vi stilar den horisontellt med ett enkelt CSS-recept.
- 5 Länkar & ankarlänkar Vad en länk faktiskt är: a och href, interna och externa länkar, och ankarlänkar som hoppar till ett id på sidan.