Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Magazine di tecnologie
Magazine di viaggio e turismo
Magazine di musica e spettacoli
Negozio di Informatica
Basilicata turismo
Food e territori
Agenzia di comunicazione turistica e Digital PR

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: basso  
I Css, Cascade style sheets, che in italiano significa fogli di stile a cascata, sono una tecnologia per migliorare le proprie pagine Web. Sono stati implementati dal W3 Consorzium nella quarta versione di Html.
 

Definire lo sfondo e le proprietà in un documento

Cascade style sheets
Il successo grafico di un sito web, si identifica nel layout e nel background di tali pagine. Una prerogativa dei Css, e' infatti quella di poter predefinire il layout e lo sfondi di uno o piu' documenti Html.
Vediamo ora come definire tali proprieta' in una pagina web.

Background-color
Definisce un omogeneo colore di sfondo al documento. Questo comando, si puo' applicare anche a normale testo in modo da ottenere una evidenziatura di sfondo. Il codice da utilizzare e':
body { background-color: gray }


Background-image
Applica un'immagine di sfondo al documento. Anche in questo caso, e' possibile applicaere lo sfondo a un solo elemento.
body { background-image: url(http://nomeserver/nomeimg.gif) }


Background-repeat
Determina come l'immagine di sfondo deve essere riprodotta. I valori di questa proprieta' possono essere:
  • repeat Ripete l'immagine sia verticalmente che orizzontalmente.

  • repeat-y Ripete l'immagine verticalmente.

  • repeat-x Ripete l'immagine orizzontalmente.

  • no-repeat L'immagine non viene ripetuta.

    Il sorgente da utilizzare per ottenere questi effetti e':
    body { background-repeat: no-repeat }


    Background-position
    Determina la posizione dell'immagine stabilendo le distanze del margine sinistro e del margine superiore. I valori che puo' assumere sono:

  • left sinistra.

  • right destra.

  • top alto.

  • bottom basso.

  • center centro.

    Il codice e':
    body { background: url(http://nomeserver/nomeimg.gif) left bottom }


    Background-attachment
    Se specificata, l'immagine di sfondo non scorre insieme al documento. I valori sono:

  • scroll l'immagine scorre insieme al documento (di default).

  • fixed l'immagine non scorre insieme al documento.

    body { background-attachment: fixed }


    Background
    Per unire piu' proprieta' a un solo tag, si utilizza la dicitura background, per esempio:

    body { background:gray url(http://tuosito.it/nomeimg.gif) norepeat }

  •  

     
     
    Home > css > ...   © 1999-2018 Risorse.net, tutti i diritti riservati