Begrijpen en Gebruiken van Lettertype-Eigenschappen
Hier zijn de meest gebruikte CSS-eigenschappen voor het stijlen van lettertypen:
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 voorbeelden gebruiken dezelfde tekst om te laten zien hoe deze eigenschappen het uiterlijk veranderen.
font-family
Definieert het lettertype dat wordt gebruikt om tekst weer te geven. U kunt één lettertype of een lijst van alternatieve lettertypen gescheiden door komma's instellen.
font-size
Bepaalt de grootte van tekst. px: vaste grootte. em/rem: grootte relatief aan het bovenliggende of root-element.
font-weight
Bepaalt de dikte van tekst. Numerieke waarden: 100–900. Trefwoorden: normal, bold, lighter.
font-style
Specificeert de stijl van de tekst: normal, italic of oblique.
Pseudo-class ::first-letter
::first-letter richt zich op de eerste letter van een element (meestal een alinea of kop), waardoor decoratieve of gestileerde effecten mogelijk zijn.
selector::first-letter {
/* some styles */
}
Bekijk het volgende voorbeeld om te zien hoe dit werkt.
index.html
styles.css
font-family stelt het lettertype en de alternatieven in.
font-size regelt de tekstgrootte in px, em of rem.
font-weight past de dikte aan met getallen of sleutelwoorden.
font-style wijzigt de stijl van het lettertype.
::first-letter stijlt de eerste letter van een tekstblok.
1. Welke eigenschap bepaalt de dikte van het lettertype?
2. Wat is de standaardwaarde voor de eigenschap font-style in CSS?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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?
Geweldig!
Completion tarief verbeterd naar 2.56Begrijpen en Gebruiken van Lettertype-Eigenschappen
Veeg om het menu te tonen
Hier zijn de meest gebruikte CSS-eigenschappen voor het stijlen van lettertypen:
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 voorbeelden gebruiken dezelfde tekst om te laten zien hoe deze eigenschappen het uiterlijk veranderen.
font-family
Definieert het lettertype dat wordt gebruikt om tekst weer te geven. U kunt één lettertype of een lijst van alternatieve lettertypen gescheiden door komma's instellen.
font-size
Bepaalt de grootte van tekst. px: vaste grootte. em/rem: grootte relatief aan het bovenliggende of root-element.
font-weight
Bepaalt de dikte van tekst. Numerieke waarden: 100–900. Trefwoorden: normal, bold, lighter.
font-style
Specificeert de stijl van de tekst: normal, italic of oblique.
Pseudo-class ::first-letter
::first-letter richt zich op de eerste letter van een element (meestal een alinea of kop), waardoor decoratieve of gestileerde effecten mogelijk zijn.
selector::first-letter {
/* some styles */
}
Bekijk het volgende voorbeeld om te zien hoe dit werkt.
index.html
styles.css
font-family stelt het lettertype en de alternatieven in.
font-size regelt de tekstgrootte in px, em of rem.
font-weight past de dikte aan met getallen of sleutelwoorden.
font-style wijzigt de stijl van het lettertype.
::first-letter stijlt de eerste letter van een tekstblok.
1. Welke eigenschap bepaalt de dikte van het lettertype?
2. Wat is de standaardwaarde voor de eigenschap font-style in CSS?
Bedankt voor je feedback!
