Vi har gått igenom
- grundläggande CSS-regler
- hur CSS-regler ärvs (cascade:ar ner till barn och barnbarn etc.)
- hur man länkar in en CSS-fil med hjälp av
<link rel="stylesheet" href="style.css">i<head>-taggen i ett HTML-dokument
CSS-regler som vi kikat närmre på är (bland andra)
- background-color
- border, border-left, border-width/style/color
- color
- font-family
- font-style
- font-weight
- line-height
- list-style-type
- margin
- padding
- text-align
- text-decoration
- text-decoration
- text-shadow
Länkar
CSS Basics
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
Crash Course i CSS
Workshop
Fortsätt på workshop:en från igår och ändra så du har en gemensam CSS-fil för alla sidorna och lek runt med olika styles, för att få en känsla för vad som går att göra. Ändra färger, typsnitt, margin/paddings osv.!
Kan du lista ut hur man gör en tabell med rubriker och rader, och vilka styles du behöver lägga in för att få tabellen att likna http://medieinstitutet.se/front-end-developer/innehall/? Kan du göra så att kolumnrubrikerna har en annan bakgrundsfärg och textfärg än resten av tabellen?