900 Quindi, potremmo usare la proprietà weight font: bold per impostare th e il font di peso di un paragrafo di testo a 800. Quando un bambino ha un peso relativo più audace del genitore, usa la tabella sopra per capire quanto è grasso. Ad esempio, supponiamo che io abbia un figlio che ha un genitore con un font-weight di 400. Se metto il valore font-weight sul figlio più audace, il font weight sul figlio diventa 700. Questo perché il figlio è un font più scuro rispetto a -peso rispetto al genitore. Se il genitore è già il più scuro o il più chiaro possibile, questi valori di proprietà ‚Äã‚Äãnon fanno nulla. esempio di peso del carattere CSSDiciamo che stai progettando un sito web per The Seattle stamp club, una compagnia di francobolli locale. La società di francobolli a cui abbiamo chiesto di fare Chi siamo - noi in testa appare in grassetto sul sito A About. Questo attirerà l`attenzione del visitatore sul titolo. Il club dei francobolli ci ha chiesto di aggiungere un blocco di testo al proprio sito web con la storia del club. Questo blocco di testo dovrebbe apparire con il peso del carattere normale. Alcune frasi su cui il club vuole attirare l`attenzione dello spettatore dovrebbero apparire in grassetto Potremmo usare il seguente codice per creare questo blocco di testo, con alcune frasi incoraggiate: Stile clic pulsante nell`editor di codice sopra per vedere l`output del nostro codice HTML/CSS. nel nostro file HTML, abbiamo definito un paragrafo racchiuso di testo di ; . tag abbiamo incluso anche alcune frasi in . tag, che incoraggiamo nel nostro CSS Successivamente, nel nostro file CSS, abbiamo definito una regola di stile che definisce il peso dello stile del carattere di ogni < /a> tag grassetto. Ciò significa che il testo racchiuso in un tag appare più in grassetto dell`elemento padre. Quando eseguiamo il nostro codice, il nostro paragrafo appare con una larghezza del carattere normale e le frasi racchiuse tra tag sono visualizzate in grassetto . In questo esempio, le espressioni accoglie tutti e 250 membri sono racchiuse tra tag . Testo CSS in grassetto con caratteri variabili Ci sono alcuni nuovi font messi a nostra disposizione dall`ultimo livello di font CSS. Sono chiamati caratteri variabili e possono assumere un numero compreso tra 1 e 1000 come larghezza del carattere. Il supporto del browser non è stato completamente implementato fino a maggio 2020, quindi sono piuttosto nuovi. Se desideri maggiori informazioni sui caratteri variabili , dai un`occhiata a questa rel = "noopener"> l`introduzione. Conclusione In questo tutorial, abbiamo discusso CSS font -weight proprietà e come influisce sul grassetto dei nostri caratteri. Abbiamo appreso che più grassetto e più leggero significano uno spessore del carattere relativo lontano dal peso del carattere dell`elemento genitore. Fondamentalmente, abbiamo esaminato un gamma di pesi dei caratteri per vedere come appare il testo. Sarai un professionista della ponderazione dei caratteri in pochissimo tempo Per saperne di più sulla codifica in CSS, leggi la nostra guida su come imparare i CSS . Puoi leggere la nostra guida su come rendere il testo in grassetto in HTML se vuoi rendere il tuo testo in grassetto senza fare affidamento sui CSS. |