November 11
Gli sfondi possono fare o rompere il design del sito web. Uno sfondo invadente può distrarre, infastidire e anche allontanare i visitatori; mentre uno sfondo adeguato e ben piazzato può trarre in lettori senza di loro nemmeno se ne accorga. Per impostazione predefinita, sfondi si ripetono. Se questo rende il vostro sito sembra troppo occupato e distrazione, utilizzare un codice non-repeat per ignorare l'impostazione predefinita.
Nelle versioni precedenti di HTML, il tag <body> è stato utilizzato per descrivere gli attributi di un sfondo della pagina web, compresa la sua immagine di sfondo. Per fare questo, è stato richiamato l'attributo "background" nel tag <body>. Per esempio: <body background = "bg.jpg"> dove <body> è il tag, lo sfondo è l'attributo e "bg.jpg" è il valore dell'attributo. Se l'immagine di sfondo è più piccola della pagina Web, l'immagine si ripete. Questo codice è ora deprecato a favore del metodo più recente: Cascading Style Sheets o CSS.
Per fare un'immagine di sfondo non si ripete in una pagina Web, è necessario utilizzare una o più proprietà di sfondo CSS per il selettore che si desidera applicare. La proprietà "sfondo" può impostare più proprietà (ad esempio il colore, dimensioni, ecc) in un un'unica dichiarazione. Se non si desidera utilizzare questa versione più breve, è possibile impostare ogni proprietà con la propria dichiarazione.
Utilizzando il metodo scorciatoia, dichiarare l'immagine di sfondo e lo stile no-repeat come segue nella sezione <head> della pagina web:
<Style type = "text / css">
body {background: URL ( 'bg.jpg') no-repeat;}
</ Style>
Per dichiarare lo stesso con molteplici proprietà:
<Style type = "text / css">
body {background-image: URL ( 'bg.jpg'); background-repeat: no-repeat;}
</ Style>
E 'buona norma creare un file di foglio di CSS o di stile separato invece di inserire gli stili in ciascuna delle tue pagine web. Nel caso in cui è necessario apportare modifiche, è possibile modificare solo il file CSS e tutte le pagine riflettere il cambiamento. Non avrebbe dovuto modificare ogni pagina. Creare un collegamento a un foglio di stile da una pagina:
<Head>
<Link rel = "stylesheet" type = "text / css" href = "mystylesheet.css" />
</ Head>