HTML og CSS Tutorial for begyndere
Grundlæggende HTML
Introduktion
HTML-sproget
HTML-tags
Attributter
Stile
Grundlæggende sidestruktur
Grundlæggende tags
Afsnit
Overskrifter
Fremhæv tekst med fed skrift
Fremhæv tekst med kursiv skrift
Uordnede lister
Ordnedelister
Links
Interne links
Billeder
Billedets bredde
Billedets højde
Indstilling af billedets bredde og højde
Tabeller
Tabelbredde og -højde
Overskriftsceller
Praktikum
Grundlæggende CSS
Introduktion til CSS
Sådan arbejder du med CSS
Værdier for farve
Alle farver
Bredde og højde
Tekstjustering
Højrejustering af tekst
Centrering af tekst
Venstrejustering af tekst
Justering af tekst til begge sider
Praksis i tekstjustering
Fed
Kursiv
Skriftstørrelse
Skriftfamilie
Linjeafstand
Line-height værdi uden enheder
Kortegenskaben font
Indrykning af første tekstlinje
Teksteffekter
Understregning af tekst
Overstregning af tekst
Gennemstregning af tekst
Annullering af effekter for tekst
Praktikum
Selectorer
Tags slægtskabsforhold
Egenskabsarv
Gruppering af selectorer
Fælles egenskaber
Efterkommer-selectorer
Barn-selector
Klasse-selector
Tagget span
Tagget div
Gruppering af klasser
Tag med angivet klasse
Efterkommer-selector og klasser
Komplekse kombinationer af efterkommer-selector og klasser
Begynders fejl i efterkommer-selector
Element med flere klasser
Selector efter id
Selector efter id og klasser
Brug af id
Selector efter flere klasser
Flere selectorer sammen
Fejlen flere selectorer
Gruppering af komplekse selectorer
Fejl ved gruppering
Træning i selector-kombinationer
Selector-prioritet
Bemærkning til egenskabskonflikt
Regler for specificitet
Prioritet for efterkommer-selectorer
Nabo-selector
Søskende-selector
Universel selector
Egenskabs-selectorer
Tilstande for links
Nuancer i rækkefølge af linktilstande
Link- og besøgte tilstande
Almindelig brug af linktilstande
Komplekse selectorer med links
Link med klasse
Udvælgelse af ende-elementer
Udvælgelse efter position
Udvælgelse af eneste barn
Udvælgelse af tomme elementer
Udvælgelse efter position og elementtype
Negation not
Dekoration
Baggrundsfarve
Grundlæggende om rammer
Udfyldt ramme
Prikket ramme
Stiplet ramme
Relief ramme
Dobbelt ramme
Kortegenskab for ramme
Rammer for forskellige sider
Afrunding af blokkanter
Afrunding af baggrundskanter
Oprettelse af cirkel
Afrunding for forskellige hjørner
Fire værdier
To værdier
Tre værdier
Afrunding i procent
Oprettelse af cirkel ved afrunding i procent
Billede til baggrund
Gentagelse af baggrundsbillede
Andre egenskaber for baggrund
Punkttegn for ul-lister
Kvadratiske punkttegn for ul-lister
Punkttegn for ul-lister i form af cirkler
Punkttegn for ul-lister i form af udfyldte cirkler
Ingen punkttegn for ul-lister
Punkttegn for ol-lister
Små romertal for ol-lister
Store romertal for ol-lister
Små latinske bogstaver for ol-lister
Store latinske bogstaver for ol-lister
Små græske bogstaver for ol-lister
Tal med foranstillet nul for ol-lister
Boksmodel
Ydre margen margin
Margen margin for forskellige sider
Flere værdier i margin
Fire værdier i margin
To værdier i margin
Tre værdier i margin
Indre padding padding
Padding for forskellige sider
Flere værdier i padding
Elementudvidelse
Grænsens indflydelse på elementudvidelse
Fælles indflydelse af padding og grænse på elementudvidelse
Annullering af elementudvidelse
Blokelementer
Bredde og højde af blokelement
Bredde af blokelement
Højde af blokelement
Højde uden indhold
Flere blokelementer ved siden af hinanden
Inline-elementer
Bredde og højde af inline-element
Flere inline-elementer ved siden af hinanden
Afstand mellem inline-elementer
Definition af boksmodel
Display-egenskaben
Inline-blokelementer
Bredde og højde af inline-blokelement
Bredde af inline-blokelement
Højde af inline-blokelement
Flere inline-blokelementer ved siden af hinanden
Justering af blokelementer
Justering af blokelement med margen til venstre
Justering af blokelement med margen til højre
Justering af inline-elementer
Centrering af inline-elementer
Centrering af flere inline-elementer
Justering af inline-elementer til højre kant
Justering af inline-blokelementer
Centrering af inline-blokelementer
Justering af inline-blokelementer til højre kant
Flex-elementer
Forælders højde til flex-elementer
Forælders bredde til flex-elementer
Inline-blok forælder
Forælders padding
Margen til efterkommere
Justering af flex-elementer
Justering af flex-elementer i centrum
Justering af flex-elementer efter forælder
Justering af flex-elementer efter forælder med margener
Justering af flex-elementer efter forælder med lige margener
Positionering
Absolut
Relativ
Absolut i forhold til forælder
Absolut i forhold til absolut
Absolut uden koordinater
Centrering via absolute
Negative absolute værdier
Fastgjort positionering
Blok på fuld skærmbredde
Overlejring af elementer langs Z-aksen
Regulering af overlejring langs Z-aksen
Nuancer ved brug af negativ z-index
Floats
Introduktion til float egenskaben
Float egenskaben og tags
Kombination af float og margin
Kombination af float og padding
Flydende elementer under tags
Floats effekt på forælderen
Forælderens højde til floats
Tekst i forælderen til floats
Omflydning
Annullering af omflydning
Separate div med clearfix
Forælderens højde og clearfix
Float egenskaben for blokke
Float egenskaben og flere blokke
Float egenskaben og forælder uden tekst
Flexbox
Placering i række eller kolonne
Placering af flex-elementer i omvendt rækkefølge
Placering af flex-elementer i kolonne
Vend en kolonne med flex-elementer
Hoved- og tværakse
Justering langs hovedaksen
Justering langs tværaksen
Værdien center for egenskaben align-items
Centrering uden blokkenes højde
Centrering med blokke af forskellig højde
Værdien stretch for egenskaben align-items
Praksis i justering langs akser
Justering af individuelle elementer
Rækkefølge af flex-blokke
Grids
Introduktion til grids
Tracks og linjer
Visning i debugger
Kolonner
Enheden fr
Brøkdele fr
Pixels og fr
Procenter og fr
Repeat-funktionen
Værdien auto
Værdien auto-fill
Minmax-funktionen
Værdien auto-fit
Rækker
Shorthand for rækker og kolonner
Kombinering af rækker
Kombinering af kolonner
Kombinationer af sammenlægninger
Overlapning af kolonner
Afstand mellem kolonner
Afstand mellem rækker
Afstand mellem kolonner og rækker
Fliser
