Come modificare il carattere di un sito web

April 14

Se siete il proprietario o sviluppare un sito web, è possibile utilizzare Hyper Text Markup Language (HTML) e Cascading Style Sheets (CSS) per applicare stili senza fine per il sito web. CSS fa cambiare il tipo di carattere di tutto il sito / pagina o elementi specifici del sito web semplice come la modifica di un singolo file se si utilizza un foglio di stile esterno o una singola sezione del documento della pagina Web. Inoltre, CSS supporta gli stili dei font come grassetto o corsivo, il testo colorato e tipi di font personalizzati.

istruzione

tutti i font

1 Avviare il testo / editor di codice sul computer e aprire il menu File.

2 Fai clic su "Apri" e individuare la pagina Web che si desidera modificare sul computer. Fare doppio clic su di esso per aprirlo.

3 Inserire il seguente codice HTML prima di </ head> tag di chiusura.

<Style type = "text / html">

corpo

{

font-family: Verdana;

font-style: italic;

font-size: 14px;

colore rosso;

}

</ Style>

4 Cambiare "Verdana" per il carattere della vostra scelta e "rosso" per il colore della vostra scelta. È possibile utilizzare il nome del colore o il codice esadecimale.

5 Rimuovere l'intera riga "font-style: italic;" se non si desidera avere il testo in corsivo. È inoltre possibile sostituire questa linea con "font-weight: bold" per creare il testo in grassetto nel documento.

6 Aprire il menu File e fare clic su "Salva" per salvare il documento.

Un testo

7 Aprire la pagina Web in un editor di codice.

8 Aggiungere il seguente testo alla porzione di testa del documento:

<Style type = "text / html">

p.red

{

font-family: Verdana;

font-style: italic;

font-size: 14px;

colore rosso;

}

</ Style>

9 Cambiare il tipo di carattere, colore e dimensione in base alle proprie preferenze. Modificare o rimuovere lo stile del carattere. È possibile modificare il nome di questa classe CSS da "rosso" a qualcosa che è più utile o memorabili pure. Ad esempio, è possibile usare "p.alert" se si sta aggiungendo effetti speciali per una notifica di allarme sul tuo sito web.

10 Inserire il testo che si desidera essere appositamente stilizzato tra <p class = "red"> e </ p> in modo che appaia simile al seguente:

<P class = "red"> Questo testo sarà rosso e corsivo. </ P>

Ricordatevi di cambiare "rosso" se è stato modificato il nome della classe nel CSS.

11 Salvare la pagina Web.

Consigli e avvertenze

  • Se si utilizza un foglio di stile esterno, è possibile aggiungere i blocchi CSS al foglio di stile, ma non aggiungere di apertura e chiusura tag HTML.
  • È possibile applicare effetti di carattere specifici per ogni selettore. Ad esempio, è possibile sostituire "p.red" con "H1" per interessare tutte le intestazioni H1 o "span" per modificare tutto il testo all'interno di un contenitore arco.