Cascading Style Sheets (CSS) ti dà la possibilità di definire particolari caratteristiche di stile, come ad esempio la dimensione del carattere e il carattere, dell'intestazione e del paragrafo nella pagina Web. Quando si creano le differenze tra queste due aree di testo, si rendono in modo che siano riconosciuti come elementi distinti. Questa formattazione dà al vostro sito un aspetto personalizzato e aiuta i visitatori navigare attraverso le informazioni. Utilizzare editor di testo del computer per aggiungere il CSS che contraddistingue l'intestazione e il paragrafo, come si preferisce.

istruzione

1 Portate il vostro editor di testo e aprire il file sito web che ha l'intestazione e il paragrafo sei styling. Digitare il codice CSS prima della chiusura </ head> tag nella parte superiore della pagina:

<Style type = "text / css">

</ Style>

2 Inserire l'elemento di intestazione, come ad esempio "H1", che contiene il testo di intestazione e seguire questo con un paio di parentesi graffe. Inoltre tipo "P" per paragrafo con le staffe in questo modo:

h1 {}

p {}

Questa azione crea le singole regole di stile che formatta il intestazione e il paragrafo a parte.

3 Enter "color:;" in ogni set di staffe e digitare un valore esadecimale del colore dopo ogni voce per assegnare il colore del carattere nella intestazione e il paragrafo. Illustrare:

h1 {color: # CCCCCC; }

p {color: # 606060; }

4 Tipo "font-family:"; dopo l'attributo di colore e inserire il nome di una combinazione di caratteri in ogni regola come mostrato di seguito:

h1 {font-family: "Times New Roman", Times, serif; }

p {font-family: "Comic Sans MS", corsivo, sans-serif; }

L'attributo font-family presenta l'intestazione e il paragrafo del carattere specificato.

5 Inserire "font-size:;" e seguire questo con un valore numerico in pixel (px) per determinare la dimensione del testo. Per esempio:

h1 {font-size: 25px; }

p {font-size: 14px; }

6 Salvare il file. Il tuo codice CSS completata è simile a questo esempio:

<Style type = "text / css">

h1 {color: # CCCCCC; font-family: "Times New Roman", Times, serif; font-size: 25px; }

p {color: # 606060; font-family: "Comic Sans MS", corsivo, sans-serif; font-size: 14px; }

</ Style>

Consigli e avvertenze

• Le regole CSS vengono applicate automaticamente per l'intestazione e il paragrafo una volta si salva il file e caricare il documento di nuovo al vostro Web host di pubblicarlo.