Come fare Contrasto sfondo su siti web

June 20

Come fare Contrasto sfondo su siti web


Se si desidera che ogni sezione della pagina Web di stare fuori, prendere in considerazione la creazione di un contrasto di fondo sul tuo sito web. Questo contrasto rende elementi di design, come ad esempio il colore di sfondo e il carattere, diverso in ogni elemento della pagina, come l'intestazione e il corpo principale. Cascading Style Sheets (CSS) ti dà la possibilità di formattare gli stili per ogni elemento che si desidera. Utilizzare editor di testo del computer per fare i contrasti di fondo che richiamano l'attenzione a se stessi.

istruzione

1 Portate il vostro programma di editor di testo e creare una nuova pagina. Clicca l'opzione del menu File "Salva con nome" per assegnare un nome al documento e salvarlo con l'estensione CSS (per esempio, styles.css).

2 Inserisci regole di identificazione per gli elementi della pagina che visualizzano uno sfondo. sezioni comuni includono l'intestazione, piè di pagina e area del contenuto principale. Illustrare:

intestazione {} {} piè di pagina principale {}

3 Tipo "background-color:;" tra le parentesi graffe di ogni regola, e inserire un distinto valore esadecimale del colore dopo ogni attributo. Per esempio:

intestazione {background-color: # 0000FF; } Footer {background-color: # 00FFFF; } Principale {background-color: #FFFFFF; }

4 Inserire "font-size:;" in ogni stile e digitare un valore in pixel (px) per determinare la dimensione del testo ogni sezione. Per esempio:

intestazione {font-size: 40px; } Footer {font-size: 10px; } Principale {font-size: 14px; }

5 Salvare il file CSS, e caricarlo sul vostro ospite Web nella stessa zona dove si tiene file di indice principale del tuo sito. Aprire un documento sito web nel vostro editor di testo.

6 Posizionare il cursore prima del <head /> elemento fine, e digitare il seguente per applicare il foglio di stile alla pagina:
<Link rel = "stylesheet" type = "text / css" href = "styles.css" />

Ripetere questo processo in ogni documento sito web che si preferisce.

7 Salvare il documento sito web, e caricarlo sul proprio host Web per pubblicare il contrasto di fondo.

Consigli e avvertenze

  • Un ID in CSS nomi stili di un'area particolare sulla tua pagina. Per creare un ID, inserire un segno numero seguito da un periodo di tua scelta e digitare un paio di parentesi graffe alla fine (per esempio, #header {}).
  • Separare ogni attributo nella regola CSS con un punto e virgola. Illustrare:
  • #header {background-color: # 0000FF; font-size: 40px; }