Tekst og utseende

Tekst og utseende i CSS handler om å gi nettsiden din et visuelt uttrykk. Med typografi-egenskaper styrer du skrifttyper og tekststørrelse. Med bakgrunnsbilder, skygger og pseudo-elementer skaper du visuell dybde. Og med variabler og transitions holder du koden ryddig og designet dynamisk.

Her lærer du font-family og font-size for typografi, text-decoration og text-transform for teksteffekter, background-image for bakgrunnsbilder, box-shadow for skygger, pseudo-elements for dekorativt innhold, CSS-variabler for gjenbrukbare verdier, og transitions for myke animasjoner.

Artikler

Font-family i CSS forklart

Lær å endre skrifttype med font-family i CSS. Web-safe fonter, Google Fonts og font stacks forklart med gratis video.

Font-size i CSS forklart

Lær å sette tekststørrelse med font-size i CSS. Forskjellen mellom px, rem og em forklart med gratis video og eksempler.

Text-decoration og text-transform i CSS

Lær å style tekst med text-decoration og text-transform i CSS. Understreking, gjennomstreking, store bokstaver og mer.

Background-image i CSS forklart

Lær å legge til bakgrunnsbilder i CSS. Background-size, position, repeat og cover forklart med gratis video og eksempler.

Box-shadow i CSS forklart

Lær å legge til skygger på elementer med box-shadow i CSS. Offset, blur, spread og farge forklart med gratis video.

Pseudo-elements i CSS forklart

Lær å bruke ::before og ::after i CSS for å legge til innhold uten ekstra HTML. Gratis video med praktiske eksempler.

CSS-variabler (custom properties) forklart

Lær å bruke CSS-variabler for gjenbrukbare verdier. Custom properties, var-funksjonen og theming forklart med gratis video.

CSS transition forklart

Lær å animere CSS-endringer med transition. Duration, property, timing-function og delay forklart med gratis video.

Få tilgang til alt

Få tilgang til alle nettkurs

Ubegrenset kurstilgang. Fra 599,-/mnd.