Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 27 di 58
  • livello principiante
Indice lezioni

Approfondimenti: lo sfondo con i CSS

Lo sfondo di un documento HTML può essere impostato anche per mezzo dei fogli di stile
Lo sfondo di un documento HTML può essere impostato anche per mezzo dei fogli di stile
Link copiato negli appunti

Tutti gli attributi del tag <body> che abbiamo visto finora (da eccezione dell'attributo lang) servono a modificare caratteristiche che riguardano il layout della nostra pagina HTML. Come si può vedere, con un markup di questo genere:

<body leftmargin="0" topmargin="0"
      background="imgs/sfondo00006.gif"
      bgcolor="#66CCFF"
      lang="it">
Il nostro testo.
</body>

il layout e il contenuto sono mischiati tra loro. Gli attributi background e bgcolor sono addirittura deprecati nelle specifiche del W3C: significa che andranno perduti.

In un approccio di impaginazione che utilizzi i fogli di stile, l'aspetto che riguarda la visualizzazione deve essere separato dal contenuto.

Il nostro body si ridurrà quindi a qualcosa di minimale, come:

<body lang="it">

mentre le regole che indicano come visualizzare lo sfondo saranno visualizzate in una locazione separata del documento.

Le regole su come impostare lo sfondo con i CSS vengono spiegate dettagliatamente nella relativa lezione della guida ai CSS.

I fogli di stile sono estremamente potenti, e dando un'occhiata al link segnalato poco sopra si può
leggere che è anche possibile fissare lo sfondo in modo che non si ripeta:

<body style="background-image: url(sfondo.gif);
             background-repeat: no-repeat;">

si tratta di una sintassi che funziona bene persino con Netscape 4.x, come si può vedere nella pagina di esempio.

Oppure è possibile "fissare lo sfondo" in modo da potervi fare scorrere sopra il contenuto della pagina. La sintassi è la seguente:

<body style="background-image: url(sfondo.gif);
             background-attachment:fixed;" >

come si può vedere anche nell'esempio.


Ti consigliamo anche