cheap nfl jerseys china cheap nfl jerseys free shipping wholesale nfl jerseys china wholesale jerseys from china cheap nfl jerseys free shipping cheap nfl jerseys for sale cheap jerseys free shipping wholesale nfl jerseys from china cheap nfl jerseys sale cheap nike nfl jerseys china wholesale jerseys free shipping cheap nfl jerseys wholesale wholesale nfl jerseys online cheap nfl jerseys wholesale china jerseys wholesale cheap coach handbags outlet authentic designer handbags cheap coach handbags outlet cheap coach purses outlet discount coach bags coach bags sale coach purse outlet cheap real coach purses coach handbags sale online coach purse outlet michael kors outlet online store cheap michael kors bags cheap michael kors purse michael kors factory outlet online cheap michael kors handbags cheap michael kors purses michael kors bags outlet online cheap michael kors purse michael kors handbags discount cheap michael kors purse michael kors handbags discount
cheap nfl jerseys china cheap nfl jerseys free shipping wholesale nfl jerseys china wholesale jerseys from china cheap nfl jerseys free shipping cheap nfl jerseys for sale cheap jerseys free shipping wholesale nfl jerseys from china cheap nfl jerseys sale cheap nike nfl jerseys china wholesale jerseys free shipping cheap nfl jerseys wholesale wholesale nfl jerseys online cheap nfl jerseys wholesale china jerseys wholesale cheap coach handbags outlet authentic designer handbags cheap coach handbags outlet cheap coach purses outlet discount coach bags coach bags sale coach purse outlet cheap real coach purses coach handbags sale online coach purse outlet michael kors outlet online store cheap michael kors bags cheap michael kors purse michael kors factory outlet online cheap michael kors handbags cheap michael kors purses michael kors bags outlet online cheap michael kors purse michael kors handbags discount cheap michael kors purse michael kors handbags discount
CSS
home esempi

1. introduzione
cos'� lo stile e perch� � importante

2. dove si mette lo stile
in linea, incorporato, esterno
sintassi e classi


3. attributi del testo
font-family, -size, -style, -variant, -weight, -decoration

4. attributi dei margini, bordi e riempimento
margin, padding, border, width, float, clear

5. attributi di sfondo e posizionamento
position, background, visibility, overflow, z-index

6. effetti per MSIE
cursore, immagini, transizione,
scroll bar


7. effetti sui forms
position, background, visibility, overflow, z-index

Attributi di posizionamento e sfondo


attributo position

Il posizionamento permette di specificare l'origine di una parte del documento, quindi consente di impaginare a piacere e anche sovrapporre zone.
Il posizionamento default viene definito statico perch� segue il flusso dei dati nel documento; � possibile definire un posizionamento assoluto spacificando l'origine e le dimensioni della zona e un posizionamento relativo che, per mezzo delle proprieta' top, bottom, left e right, sposta l'elemento rispetto a quello che lo precede.

Gli elementi che sopportano il posizionamento assoluto sono: Applet, Button, Div, Fieldset, IFrame, IMG, Input, Object, Select, Span, Table, Textarea.

<DIV STYLE="position:absolute; top:100px; left:100px;
width:200px; height:400px; color:white; ">

<SPAN STYLE="position:relative; top:10px; left:10px">

Esempio:
<DIV STYLE="position:absolute; top:642px; left:22px; width:140px; color:gold; "> esempio position</DIV>
<DIV STYLE="position:absolute; top:640px; left:20px; width:140px; height:60px; color:red; "> esempio position</DIV>

esempio position
esempio position


attributo background

<DIV STYLE="background: silver url(sfondo.jpg) center top no-repeat;">
<DIV STYLE="background: yellow url(sfondo.jpg) repeat-y fixed right bottom">

Esempio:

esempio background
<DIV STYLE="position:absolute; top:760px; left:20px; width:160px; height:60px; color:red; background: yellow url(sfondo.jpg) repeat-y fixed right bottom"> esempio background</DIV>

L'attributo background pu� essere scomposto in: background-color:, background-image:, background-repeat:, background-position:


visibility, overflow e z-index

L'attributo visibility assume i valori visible e hidden.
L'attributo overflow assume i valori scroll e hidden.
L'attributo z-index specifica, con un numero intero positivo o negativo, l'ordine di visualizzazione dell'elemento, indipendentemente dal flusso nel documento.