Verstehen und Anwenden von Schriftarteigenschaften
Hier sind die gebräuchlichsten CSS-Eigenschaften zur Gestaltung von Schriftarten:
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 Beispiele verwenden denselben Text, um zu zeigen, wie diese Eigenschaften das Erscheinungsbild verändern.
font-family
Definiert die Schriftart, die zur Anzeige des Textes verwendet wird. Es kann eine einzelne Schriftart oder eine durch Kommas getrennte Liste von Ersatzschriftarten angegeben werden.
font-size
Steuert die Textgröße. px: feste Größe. em/rem: Größe relativ zum Elternelement oder zum Wurzelelement.
font-weight
Steuert die Dicke des Textes. Numerische Werte: 100–900. Schlüsselwörter: normal, bold, lighter.
font-style
Legt den Stil des Textes fest: normal, italic oder oblique.
Pseudo-Klasse ::first-letter
::first-letter zielt auf den ersten Buchstaben eines Elements (typischerweise eines Absatzes oder einer Überschrift) ab und ermöglicht dekorative oder stilisierte Effekte.
selector::first-letter {
/* some styles */
}
Das folgende Beispiel zeigt die Funktionsweise.
index.html
styles.css
font-family legt die Schriftart und Alternativen fest.
font-size steuert die Textgröße in px, em oder rem.
font-weight passt die Dicke mit Zahlen oder Schlüsselwörtern an.
font-style ändert den Schriftstil.
::first-letter gestaltet den ersten Buchstaben eines Textblocks.
1. Welche Eigenschaft bestimmt die Dicke der Schriftart?
2. Was ist der Standardwert für die Eigenschaft font-style in CSS?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
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?
Großartig!
Completion Rate verbessert auf 2.56Verstehen und Anwenden von Schriftarteigenschaften
Swipe um das Menü anzuzeigen
Hier sind die gebräuchlichsten CSS-Eigenschaften zur Gestaltung von Schriftarten:
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 Beispiele verwenden denselben Text, um zu zeigen, wie diese Eigenschaften das Erscheinungsbild verändern.
font-family
Definiert die Schriftart, die zur Anzeige des Textes verwendet wird. Es kann eine einzelne Schriftart oder eine durch Kommas getrennte Liste von Ersatzschriftarten angegeben werden.
font-size
Steuert die Textgröße. px: feste Größe. em/rem: Größe relativ zum Elternelement oder zum Wurzelelement.
font-weight
Steuert die Dicke des Textes. Numerische Werte: 100–900. Schlüsselwörter: normal, bold, lighter.
font-style
Legt den Stil des Textes fest: normal, italic oder oblique.
Pseudo-Klasse ::first-letter
::first-letter zielt auf den ersten Buchstaben eines Elements (typischerweise eines Absatzes oder einer Überschrift) ab und ermöglicht dekorative oder stilisierte Effekte.
selector::first-letter {
/* some styles */
}
Das folgende Beispiel zeigt die Funktionsweise.
index.html
styles.css
font-family legt die Schriftart und Alternativen fest.
font-size steuert die Textgröße in px, em oder rem.
font-weight passt die Dicke mit Zahlen oder Schlüsselwörtern an.
font-style ändert den Schriftstil.
::first-letter gestaltet den ersten Buchstaben eines Textblocks.
1. Welche Eigenschaft bestimmt die Dicke der Schriftart?
2. Was ist der Standardwert für die Eigenschaft font-style in CSS?
Danke für Ihr Feedback!
