CSS

Hvad er CSS?

CSS står for Cascading Style Sheets. CSS er det som man styler en hjemmeside med, det kan ændre skrift font, størrelse, farve og afstande på fx billeder og tekst.

HTML er den grundlæggende struktur for CSS. Det er altså teksten og billederne fra vores HTML-fil som vi styler med CSS.

Hyppigt brugte CSS-koder er:

• margin

• color

• back-groundcolor

• width

• font-family

Hvordan linker man et HTML dokument med et CSS dokument?

For at linke et HTML dokument med et CSS dokument skal man:

• Lave et "Vertical split" på sit brackets site

• Sætte HTML-fil (index.html) ind på den ene side og sin CSS-fil (minstil.css) ind på den anden side.

For så at linke de 2 sider med hinanden skal man:

• Lave div-bokse i HTML-filen

• Give div-boksene et id, med et navn

• Skrive navnet på CSS-filens side med et # foran og en krøllet parentes som skal omringe CSS-koden.

For at få vist designet fra CSS-filen til HTML-tagsene kan man:

• Skrive taggets bogstav/navn { indsæt tekst }

Udover div-boksene kan man linke CSS-koden til HTML-tagsene. Man kan fx sige p { indsæt tekst } og så vil

For at få CSS-designet vist på HTML-tagget skal man:

• Linke CSS-koden til HTML-tagsene, skrive taggets navn/bogstav.

• Sætte de krøllede parenteser {}

• Og sætte CSS-koden for dit ønskede design