Forstå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 */
}
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
styles.css
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?
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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?
Fantastisk!
Completion rate forbedret til 2.56Forstå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 */
}
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
styles.css
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?
Tak for dine kommentarer!
