Vika 3, 2.–8. september 2024

Fyrirlestrar

• Fyrirlestur 3.1: CSS námsefni; meira um verkefni 2 (21:20)
• Fyrirlestur 3.2: Verkefni 3 (24:37)

Dæmi úr fyrirlestri.

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

Dæmi

Dæmi eru undir viðeigandi námsefni í daemi/ möppu. Sérstaklega skal skoða:

• Dæmi um letur-hlutfallslegar einingar
• Dæmi um gildi
• Dæmi um display
• Dæmi um staðsetningar #2

Lykilhugtök

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

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)
• 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