CSS

Kort om CSS

Hvad CSS går ud på?

CSS (Cascading Style Sheets) bruges til at styre, hvordan en hjemmeside ser ud. Hvor HTML bestemmer indholdet af tekst, billeder og links og CSS bestemmer ting som farver, skrifttyper, marginer og layout. Det gør det nemt at ændre designet uden at ændre indholdet.

Beskriv hvordan man linker et HTML dokument med et CSS dokument?

For at forbinde et HTML dokument med et CSS dokument bruger man et link-tag i <head> delen af HTML dokument.

Som vist her:

<head>

<head>

Hvad betyder disse link-tag så?

rel="stylesheet" betyder at der linkes til et stylesheet.

href="style.css" er navnet på CSS-filen

Når de er linket sammen, vil HTML dokument automatisk bruge se styles, der er skrevet i CSS- dokument.

Reflekser kort på skrift over hvad du har fået ud af at arbejde med HTML og CSS. Hvad var det bedste (eller værste) ved at arbejde med dette? Kort sagt - hvad kan du tage med dig herfra?

Det har været fedt at arbejde med HTML og CSS, fordi man kan se resultatet med det sammen. Det bedste var at eksemperimentere med farver og layout og se, hvordan siden ændrer sig. Det sværeste var nogle gange at finde små fejl, der gjorde, at ting ikke blev vist korrtkt.

Det jeg kan tage med videre er hvordan man opbygger en hjemmeside fra bunden og hvordan man hurtigt kan ændre designet med CSS.

Mit arbejde med CSS

I de 4 videoer herunder viser jeg, hvordan man kan bruge CSS til at lave grafiske hjemmesider. Undervejs prøver jeg at forklare, hvad jeg gør, og hvorfor jeg gør det.

Til hver video kan man downloade projektfilerne og følge med i det, jeg laver i videoen. Det er en god idé først bare at gøre det samme som i videoen uden at ændre noget. På den måde kan man lære det grundlæggende i CSS, så man senere kan løse caseopgaven i forløbet.

CSS øvelse #1: Fonte og farver

CSS øvelse #2: Basic layout

CSS øvelse #3: Navigation

CSS øvelse #4: Avanceret layout

Resultatet af øvelse 4

Resultatet af CSS-øvelse

Page updated

Google Sites

Report abuse