Ciò che costituisce una lettera di blocco può variare leggermente a seconda se si sta parlando di un tipografo o un Web designer. Tuttavia, le caratteristiche comuni di un tipo di carattere in stampatello includono tutte le lettere maiuscole, grassetto e sans-serif (senza proiezioni alle estremità dei tratti lettera). Se si esegue la codifica caratteri in grassetto nel testo del tuo sito Web, purtroppo non esiste nessuna una sola azione per rendere tutte queste caratteristiche appaiono. Tuttavia, da tre proprietà CSS specifici di apprendimento, dovrebbe essere in grado di regolare un tipo di carattere a proprio piacimento ad assomigliare a stampatello.

Istruzioni

1

Aprire il file HTML nel vostro software di editing per la sezione che contiene gli stili CSS. In alternativa, aprire il file CSS che si utilizza come un foglio di stile collegato al documento HTML.

2

Decidere quali tag verrà utilizzato lo stile di blocco lettera di designazione. Ad esempio, è possibile applicare lo stile a qualsiasi testo che è contrassegnato come "h1" o "h2" nel file HTML, o forse qualsiasi testo che appare in un paragrafo, contrassegnato come "p" dovrebbe avere lo stile di blocco.

3

Iniziare con la proprietà font-family di decidere quale tipo di carattere si desidera utilizzare. Ad esempio, digitare il seguente codice:

p {

font-family: sans-serif;

}

Ciò significa che qualsiasi testo indicato come testo di paragrafo nel documento HTML verrà visualizzato come il font sans-serif predefinito sul computer del visualizzatore. È invece possibile specificare specifici tipi di carattere, nell'ordine in cui si preferisce, digitando:

p {

font-family: arial, verdana, tahoma, sans-serif;

}

Ciò significa testo paragrafo verrà visualizzate in carattere Arial. Se il visualizzatore non dispone di Arial installato sul suo computer, il tipo di carattere verrà visualizzata come Verdana, o in giù la lista-- infine a font sans-serif del computer predefinito.

4

Rendere il font in tutte lettere maiuscole le lettere utilizzando la proprietà text-transform. Digitare il seguente codice nello stile:

p {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: uppercase;

}5

Grassetto il tipo di carattere utilizzando la proprietà font-weight:

p {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: uppercase;

font-weight: bold;

}

Le opzioni per il tipo di carattere-peso includono "grassetto," "audace" e un sistema di numero da 100 a 900. Ad esempio, è possibile digitare "font-weight: 700;" vedere come appare sul computer diversi e modificare di conseguenza il numero.

6

Regolare queste tre proprietà nel codice per ottenere il risultato di blocco lettera che desideri. Salvare il file e osservare i risultati in un browser.

Consigli & Avvertenze

• Quando si utilizza la proprietà font-family, è necessario racchiudere i nomi di font che hanno spazi all'interno di loro tra virgolette. Ad esempio, si può semplicemente scrivere Arial, ma "Times New Roman" deve apparire tra virgolette.
• Se la trasformazione di stile non ha luogo una volta che si salva il file, assicurarsi che si finisce di ogni valore di proprietà con un punto e virgola e che tutto lo stile è racchiuso tra parentesi graffe.
• Se si utilizza una famiglia di caratteri meno comune, assicurarsi di testare il vostro altri effetti stilistici su di esso. È possibile che alcune famiglie di font potrebbero non rispondere per la proprietà text-transform. È possibile ricercare i caratteri che sono comuni, insieme con il quale quelli visualizzati su Mac, ma non al PC e viceversa.