Cascading Style Sheets (CSS) aiutano a formattare un sito web in modo rapido ed efficace, dando un aspetto coerente. È possibile applicare i CSS per una o tutte le pagine in cui si desidera visualizzare il formato. Questo può includere intestazioni di formattazione, link, elenchi puntati e tabelle o cambiare il colore di sfondo su una pagina. E 'meglio collegare il file CSS esterno se il vostro sito contiene diverse pagine, quindi avrai solo bisogno di modificare il file CSS per applicare la formattazione in tutto.

istruzione

Creare il file CSS

1 Aprire un nuovo o esistente file CSS in un editor di testo.

2 Aggiungere il seguente codice per modificare il colore della vostra pagina a sfondo marrone e applicare un tipo di carattere Arial 10 punti in tutta:

body {background-color: marrone; font-family: "Arial"; font-size: 10pt;}

3 Aggiungere il seguente codice a tutti i titoli in grassetto H1 e centro:

h1 {text-align: center; font-weight: bold;}

4 Aggiungere il seguente codice per fare tutti i collegamenti non visitati bianco, ma non ha sottolineato:

a: link {color: white; text-decoration: none;}

5 Aggiungere il seguente codice per fare tutti i link visitati nero, ma non ha sottolineato:

a: visited {color: black; text-decoration: none}

6 Aggiungere il seguente codice per dare tutte le tabelle di un solido, nero, bordo di un pixel:

table {border: 1px nero solido;}

7 Selezionare "File" e "Salva" dalla barra degli strumenti. Passare alla cartella in cui è stato salvato il file HTML. Poi il nome del file "style.css" e cliccare su "Salva".

Link al file CSS

8 Utilizzare un editor di testo per aprire il file HTML in cui si desidera il formato applicato.

9 Inserire il seguente codice all'interno del tag HEAD del file:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

10 Salvare il file HTML con gli aggiornamenti. Per applicare il formato da altre pagine del tuo sito web, inserire il codice del passaggio precedente nel tag HEAD per tali documenti pure.