vika-03.md

Vika 3, 4.–10. september 2023

Fyrirlestrar

• Fyrirlestur 3.1: HTML dæmi tengd verkefni 2 (33:33)
• Fyrirlestur 3.2: HTML og aðgengi (10:54)
• Fyrirlestur 3.3: CSS selectors & specificity (25:05)
• Fyrirlestur 3.4: CSS specificity & cascade, aðeins um box model (26:28)
• Verkefni 3 (5:07)
• Dæmi úr fyrirlestrum

Námsefni

Lesefni

• Bókin um vefforritun
  • Kafli 9: CSS
  • Kafli 10: CSS málfræði
  • Kafli 11: Box model
  • Kafli 12: Sértækni & flóðið
  • Kafli 13: Að skrifa CSS
  • Kafli 14: Visual Formatting módel
  • Kafli 15: Letur & litir

Uppteknir fyrirlestrar

• CSS
• Box model
• Cascade
• Visual formatting model
• Letur og litir

Lykilhugtök

• CSS
• Tenging CSS og HTML
• Selectors
• Yfirlýsingar
• Gildi
• Hlufallslegar einingar
• Box model
• Sértækni (e. specifitcy)
• Cascade
• CSS validation
• Eðlilegt flæði (e. normal flow)
• Staðsetning með position
• Leturgerðir
• Texta og leturbreytingar
• Bakgrunnur með background eigindum

Verkefni vikunnar

• Opna og skoða CSS2.1 spec
• Fara yfir á MDN:
  • Cascade and inheritance
  • Box model
• Fara yfir dæmi og fikta í þeim með devtools (fyrir Firefox, Chrome, leitaðu að fyrir þinn vafra ef annar), sérstaklega:
  • Dæmi um letur-hlutfallslegar einingar
  • Dæmi um gildi
  • Dæmi um display
  • Dæmi um staðsetningar #2
• Nota CSS validation þjónustu W3C
• Athuga og fletta upp eigindum á MDN þegar þið notið í fyrsta skipti
• Vinna í og skila verkefni 2
• Byrja á verkefni 3