September 13
Tutti i browser web moderni visualizzare le pagine Web con sfondi bianchi per impostazione predefinita. In passato, era necessario per aggiungere il colore di sfondo nel tag <body> di ogni pagina. Cascading Style Sheets (CSS) permettono di specificare un colore di sfondo per ogni pagina del tuo sito web utilizzando un unico file. È possibile utilizzare i codici esadecimali per i colori esatti o utilizzare i nomi per uno qualsiasi dei 256 colori sicuri per il Web disponibili. È possibile collegare i CSS per i file HTML per più pagine Web.
1 Aprire i file HTML del tuo sito web in un editor di codice, ad esempio Notepad ++, BBEdit o jEdit. Aggiungere il seguente codice tra i tag <head> e </ head> tag per ogni file HTML in cui li vedi:
<Link rel = "stylesheet" href = "style.css" type = "text / css" />
Il codice di "link" sopra un file di foglio di stile a tutti i file HTML che ha <head>. Quando si aggiungono i colori di sfondo per il vostro foglio di stile, ogni pagina del tuo sito web visualizza con quei colori.
2 Creare un file vuoto e salvarlo come "style.css". Aggiungere il seguente codice:
body {background-color: black; }
Questo codice CSS dà un'intera pagina Web uno sfondo nero. Change "nero" per il nome di un colore di base o utilizzare un codice esadecimale:
body {background-color: # CCCCCC; }
3 Aggiungere i colori di sfondo a qualsiasi elemento HTML utilizzando il seguente formato CSS:
tagname {background-color: # CCCCCC; }
.class-name {background-color: # CCCCCC; }
id-name {background-color: # CCCCCC; }
nomi delle classi prefisso con un periodo e nomi di identificazione con un cancelletto. Il nome del tag è il nome di un tag, come "corpo" o "div". Trova il nome della classe o il nome di un tag ID, cercando nel codice HTML. Ecco un esempio di un tag con sia l'ID e una classe:
<Div id = "left-sidebar" class = "sidebar"> </ div>