Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Forståelse og Anvendelse af Skrifttypeegenskaber | Tekstformatering i CSS
CSS-Grundlæggende

bookForståelse og Anvendelse af Skrifttypeegenskaber

Her er de mest almindelige CSS-egenskaber, der bruges til at style skrifttyper:

selector {
  font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
  font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
  font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
  font-style: normal | italic | oblique; /* only these values available */
}
Note
Bemærk

Alle eksempler bruger den samme tekst for at vise, hvordan disse egenskaber ændrer udseendet.

font-family

Definerer den skrifttype, der bruges til at vise tekst. Du kan angive én skrifttype eller en liste af alternative skrifttyper adskilt med komma.

font-size

Styrer tekstens størrelse. px: fast størrelse. em/rem: størrelse i forhold til forældre- eller rodenheden.

font-weight

Styrer tekstens tykkelse. Numeriske værdier: 100–900. Nøgleord: normal, bold, lighter.

font-style

Angiver tekstens stil: normal, italic eller oblique.

Pseudo-klasse ::first-letter

::first-letter målretter det første bogstav i et element (typisk et afsnit eller en overskrift), hvilket muliggør dekorative eller stiliserede effekter.

selector::first-letter {
 /* some styles */
}

Lad os køre det næste eksempel for at se, hvordan det fungerer.

index.html

index.html

styles.css

styles.css

copy
Note
Opsummering

font-family angiver skrifttype og alternativer.

font-size styrer tekststørrelsen i px, em eller rem.

font-weight justerer tykkelsen ved hjælp af tal eller nøgleord.

font-style ændrer skrifttypestilen.

::first-letter styler det første bogstav i en tekstblok.

1. Hvilken egenskab bestemmer tykkelsen af skrifttypen?

2. Hvad er standardværdien for egenskaben font-style i CSS?

question mark

Hvilken egenskab bestemmer tykkelsen af skrifttypen?

Select the correct answer

question mark

Hvad er standardværdien for egenskaben font-style i CSS?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Can you show an example of using the ::first-letter pseudo-class?

What are some common use cases for ::first-letter in web design?

Can you explain the difference between font-style italic and oblique?

bookForståelse og Anvendelse af Skrifttypeegenskaber

Stryg for at vise menuen

Her er de mest almindelige CSS-egenskaber, der bruges til at style skrifttyper:

selector {
  font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
  font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
  font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
  font-style: normal | italic | oblique; /* only these values available */
}
Note
Bemærk

Alle eksempler bruger den samme tekst for at vise, hvordan disse egenskaber ændrer udseendet.

font-family

Definerer den skrifttype, der bruges til at vise tekst. Du kan angive én skrifttype eller en liste af alternative skrifttyper adskilt med komma.

font-size

Styrer tekstens størrelse. px: fast størrelse. em/rem: størrelse i forhold til forældre- eller rodenheden.

font-weight

Styrer tekstens tykkelse. Numeriske værdier: 100–900. Nøgleord: normal, bold, lighter.

font-style

Angiver tekstens stil: normal, italic eller oblique.

Pseudo-klasse ::first-letter

::first-letter målretter det første bogstav i et element (typisk et afsnit eller en overskrift), hvilket muliggør dekorative eller stiliserede effekter.

selector::first-letter {
 /* some styles */
}

Lad os køre det næste eksempel for at se, hvordan det fungerer.

index.html

index.html

styles.css

styles.css

copy
Note
Opsummering

font-family angiver skrifttype og alternativer.

font-size styrer tekststørrelsen i px, em eller rem.

font-weight justerer tykkelsen ved hjælp af tal eller nøgleord.

font-style ændrer skrifttypestilen.

::first-letter styler det første bogstav i en tekstblok.

1. Hvilken egenskab bestemmer tykkelsen af skrifttypen?

2. Hvad er standardværdien for egenskaben font-style i CSS?

question mark

Hvilken egenskab bestemmer tykkelsen af skrifttypen?

Select the correct answer

question mark

Hvad er standardværdien for egenskaben font-style i CSS?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 5
some-alt