Begrijpen en Gebruiken van Lettertype-Eigenschappen
Laten we de meest voorkomende lettertype-gerelateerde eigenschappen bekijken.
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 */
}
Opmerking
Alle voorbeelden worden getoond met dezelfde tekstinhoud om te laten zien hoe dezelfde tekst op verschillende manieren kan worden weergegeven.
font-family
De eigenschap font-family bepaalt de lettertypefamilie of families die worden gebruikt voor het weergeven van tekstinhoud. Het is mogelijk om één enkele lettertypefamilienaam of een lijst van meerdere lettertypefamilienamen, gescheiden door komma's, op te geven.
font-size
De eigenschap font-size bepaalt de lettergrootte voor het weergeven van tekstinhoud. Dit kan een vaste grootte zijn gemeten in px of een relatieve grootte gemeten in em of rem eenheden.
font-weight
De eigenschap font-weight bepaalt het gewicht of de dikte van het lettertype dat wordt gebruikt om tekstinhoud weer te geven. Dit kan worden opgegeven als een numerieke waarde (bijvoorbeeld 300, 500, 700, ...) of als een sleutelwoord (bijvoorbeeld lighter, normal of bold).
font-style
De eigenschap font-style specificeert de stijl van het lettertype dat wordt gebruikt voor tekstinhoud. Dit kan normal zijn (de standaardwaarde), italic of oblique.
Pseudo-class ::first-letter
De first-letter pseudo-class selecteert en stijlt de eerste letter van een alinea of kop. Om deze pseudo-class te gebruiken, plaatst u dubbele :: na een selector en voegt u het sleutelwoord first-letter toe.
selector::first-letter {
/* some styles */
}
Bekijk het volgende voorbeeld om te zien hoe dit werkt.
index.html
styles.css
Samenvatting
font-familyspecificeert het lettertype of alternatieve lettertypen voor tekst. U kunt meerdere lettertypen opgeven voor correcte weergave;font-sizedefinieert de tekstgrootte met absolute eenheden (px) of relatieve eenheden (em, rem);font-weightregelt de dikte van het lettertype, numeriek (100–900) of met sleutelwoorden zoalsnormalofbold;font-stylebepaalt de stijl van het lettertype, zoalsnormal,italicofoblique;- Pseudo-class
::first-letterricht zich op en stijlt de eerste letter van een tekstblok, wat creatieve typografie-effecten mogelijk maakt.
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 explain the difference between px, em, and rem units for font-size?
How do I choose the best font-family for my website?
Can you show examples of using the ::first-letter pseudo-class?
Awesome!
Completion rate improved to 2.56Begrijpen en Gebruiken van Lettertype-Eigenschappen
Veeg om het menu te tonen
Laten we de meest voorkomende lettertype-gerelateerde eigenschappen bekijken.
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 */
}
Opmerking
Alle voorbeelden worden getoond met dezelfde tekstinhoud om te laten zien hoe dezelfde tekst op verschillende manieren kan worden weergegeven.
font-family
De eigenschap font-family bepaalt de lettertypefamilie of families die worden gebruikt voor het weergeven van tekstinhoud. Het is mogelijk om één enkele lettertypefamilienaam of een lijst van meerdere lettertypefamilienamen, gescheiden door komma's, op te geven.
font-size
De eigenschap font-size bepaalt de lettergrootte voor het weergeven van tekstinhoud. Dit kan een vaste grootte zijn gemeten in px of een relatieve grootte gemeten in em of rem eenheden.
font-weight
De eigenschap font-weight bepaalt het gewicht of de dikte van het lettertype dat wordt gebruikt om tekstinhoud weer te geven. Dit kan worden opgegeven als een numerieke waarde (bijvoorbeeld 300, 500, 700, ...) of als een sleutelwoord (bijvoorbeeld lighter, normal of bold).
font-style
De eigenschap font-style specificeert de stijl van het lettertype dat wordt gebruikt voor tekstinhoud. Dit kan normal zijn (de standaardwaarde), italic of oblique.
Pseudo-class ::first-letter
De first-letter pseudo-class selecteert en stijlt de eerste letter van een alinea of kop. Om deze pseudo-class te gebruiken, plaatst u dubbele :: na een selector en voegt u het sleutelwoord first-letter toe.
selector::first-letter {
/* some styles */
}
Bekijk het volgende voorbeeld om te zien hoe dit werkt.
index.html
styles.css
Samenvatting
font-familyspecificeert het lettertype of alternatieve lettertypen voor tekst. U kunt meerdere lettertypen opgeven voor correcte weergave;font-sizedefinieert de tekstgrootte met absolute eenheden (px) of relatieve eenheden (em, rem);font-weightregelt de dikte van het lettertype, numeriek (100–900) of met sleutelwoorden zoalsnormalofbold;font-stylebepaalt de stijl van het lettertype, zoalsnormal,italicofoblique;- Pseudo-class
::first-letterricht zich op en stijlt de eerste letter van een tekstblok, wat creatieve typografie-effecten mogelijk maakt.
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!
