Comprensione e Utilizzo delle Proprietà dei Font
Ecco le proprietà CSS più comuni utilizzate per stilizzare i font:
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 */
}
Tutti gli esempi utilizzano lo stesso testo per mostrare come queste proprietà modificano l'aspetto.
font-family
Definisce il carattere tipografico utilizzato per visualizzare il testo. È possibile impostare un solo font o un elenco di font alternativi separati da virgole.
font-size
Controlla la dimensione del testo. px: dimensione fissa. em/rem: dimensione relativa all’elemento padre o radice.
font-weight
Controlla lo spessore del testo. Valori numerici: 100–900. Parole chiave: normal, bold, lighter.
font-style
Specifica lo stile del testo: normal, italic o oblique.
Pseudo-classe ::first-letter
::first-letter seleziona la prima lettera di un elemento (tipicamente un paragrafo o un'intestazione), consentendo effetti decorativi o stilizzati.
selector::first-letter {
/* some styles */
}
Eseguiamo il prossimo esempio per vedere come funziona.
index.html
styles.css
font-family imposta il font e le alternative.
font-size controlla la dimensione del testo in px, em o rem.
font-weight regola lo spessore utilizzando numeri o parole chiave.
font-style modifica lo stile del carattere.
::first-letter applica uno stile alla prima lettera di un blocco di testo.
1. Quale proprietà determina lo spessore del carattere?
2. Qual è il valore predefinito della proprietà font-style in CSS?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
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?
Fantastico!
Completion tasso migliorato a 2.56Comprensione e Utilizzo delle Proprietà dei Font
Scorri per mostrare il menu
Ecco le proprietà CSS più comuni utilizzate per stilizzare i font:
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 */
}
Tutti gli esempi utilizzano lo stesso testo per mostrare come queste proprietà modificano l'aspetto.
font-family
Definisce il carattere tipografico utilizzato per visualizzare il testo. È possibile impostare un solo font o un elenco di font alternativi separati da virgole.
font-size
Controlla la dimensione del testo. px: dimensione fissa. em/rem: dimensione relativa all’elemento padre o radice.
font-weight
Controlla lo spessore del testo. Valori numerici: 100–900. Parole chiave: normal, bold, lighter.
font-style
Specifica lo stile del testo: normal, italic o oblique.
Pseudo-classe ::first-letter
::first-letter seleziona la prima lettera di un elemento (tipicamente un paragrafo o un'intestazione), consentendo effetti decorativi o stilizzati.
selector::first-letter {
/* some styles */
}
Eseguiamo il prossimo esempio per vedere come funziona.
index.html
styles.css
font-family imposta il font e le alternative.
font-size controlla la dimensione del testo in px, em o rem.
font-weight regola lo spessore utilizzando numeri o parole chiave.
font-style modifica lo stile del carattere.
::first-letter applica uno stile alla prima lettera di un blocco di testo.
1. Quale proprietà determina lo spessore del carattere?
2. Qual è il valore predefinito della proprietà font-style in CSS?
Grazie per i tuoi commenti!
