July 22
Per i caratteri di stile in HTML, è meglio usare i CSS, o fogli di stile CSS, che può essere aggiunto dopo un "style =" attributo in un <div>, <span> o <p> elemento sulla vostra pagina web. CSS può essere utilizzato per lo stile della famiglia di font, la dimensione e la decorazione --- fornendo con la maggior parte del controllo che avrebbe dovuto a vostra disposizione in un programma di composizione senza ricorrere a soluzioni alternative ( "hack") o la visualizzazione del testo come immagine.
Utilizzare "font-family" per scegliere il tipo di carattere appropriato per il sito web; se sono forniti più caratteri, il browser sceglierà il primo che è disponibile sul sistema di visualizzazione. "Font-family: Arial, sans-serif;" cercherà di caricare il carattere Arial e, se non è trovato, userà generico sans-serif del sistema. Ove possibile, cercare di attenersi ai font "web-safe": Arial e Helvetica per sans-serif, Times New Roman per serif, e Courier per spaziatura fissa. Se si utilizzano altri tipi di carattere (in particolare quelli oscuri), assicurarsi di aggiungere un carattere di ripiego nel caso in cui la persona che visualizza il vostro sito non ha il tipo di carattere di scelta installato.
La proprietà "font-size" consente di impostare sia l'assoluto o relativo dimensione del testo. Ad esempio, "font-size: 10pt;" imposterà il testo da visualizzare a 10 punti di altezza indipendentemente dal tipo circostante è. Se si desidera impostare il testo come più grande o più piccolo del materiale circostante, utilizzare una percentuale invece: "font-size: 75%;" dentro l'attributo di stile di un tag <span> farà tutto il testo contenuto all'interno di questi tag 3/4 della dimensione del testo intorno ad esso. L'alternativa, impostando il testo come più grande, è utile per la creazione di titoli senza fare affidamento sul "H1" a "H6" tag del titolo.
E 'generalmente lecito ritenere che si può stile del testo in grassetto o sottolineato <b> </ b> o <u> </ u> tag, rispettivamente. Tuttavia, utilizzando i CSS può aumentare la compatibilità cross-platform e ti dà opzioni di stile aggiuntive. La proprietà "font-weight" permette di impostare un tipo di carattere in grassetto ( "font-weight: bold;") o leggera ( "font-weight: più leggero"). Se avete bisogno di un maggiore controllo, è possibile specificare il peso in multipli di 100 100-900; in questo caso, "font-weight: 500;" si tradurrà in un testo medio peso. Per sottolineare o il testo barrato, utilizzare la proprietà "text-decoration"; "Text-decoration: underline;" sottolineerà il testo, e "text-decoration: line-through;" colpirà attraverso. Utilizzare "text-decoration: none;" per rimuovere le sottolineature di testo che di solito hanno questa proprietà, come ad esempio i collegamenti ipertestuali.
CSS permette anche allo stile del carattere in modi che non sarebbero disponibili su una macchina da scrivere (che grassetto e la sottolineatura emulare). Ad esempio, "font-style: italic;" utilizzerà la versione in corsivo del carattere, e "font-variant: small-caps" può essere utilizzato per produrre testo in cui le lettere minuscole sono riprodotti come le versioni più piccole di quelle maiuscole. Per lo stile tutto il testo in maiuscolo, senza distinzione tra lettere più piccole e più grandi, utilizzare la proprietà "text-transform: uppercase;" per ignorare qualunque capitalizzazione il testo aveva in precedenza.