CSS
Om att använda CSS och få en layoute. Alla övningar nedan kan läman in på denna länk. Välj uppgiften "css".
1 Introduktion till stil med CSS
- Intro
- CSS historia
- CSS terminologi
- CSS syntax
- CSS framtid, är det SCSS?
2 Arbeta med våra CSS exempel och utveckla med webbläsaren
- CSS exemplerna och övningarna.
- CSS i en webbläsare.
3 Text
4 Kantlinje
- ⚙️ Om kantlinjer
- border-style
- border-width
- border-color
- border-radius
- 💚 W-E12, W-E22, W-E32
- 🔷 W-N5
5 Boxmodelen
- ⚙️ Om kantlinjer
- padding
- border
- margin
- 🔗 Bra Bild på boxmodelen
- 🔗 På svenska
- 🖋 Exempel på detta
- 🖋 Ett mer komplext exempel på detta
- 💚 W-E14
6 Förenklingar av CSS egenskaper
8 Storlekar
10 Bilder som css type med url
11 Base64
12 Gradiant
14 Bilder med stil
15 Bakgrundsbilder
- 🔗 Bakgrundsbilder
- ⚙️ Om bakgrunder
- 💚 W-N6, W-N7, W-N17
16 Pseudoklasser och pseudoelement
17 Selectorer
18 Prioritering av selektorer
- ⚙️ Om prioriteringar
- position - Senast inlästa regel har prioritet, kallas också"cascading"("överlappa").
- !imoprtent - Gör en CSS regel prioriterad. Bör undvikas.
- inline - Style attributet har prioritet.
- "Specificity" - Kan behövas beräknas.
- 🔗 Beräkna "Specificity"
- 🔗 Wikipedia om CSS
- 🔗 Om prioritet och varför inte använda priority
- 💚 W-N18
19 Arv och liknande
- inheritance
- initial
- unset
- 🔗 Arvegenskapen och överlappning