| 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
MS ha sviluppato effetti che non sono stati ufficializzati.
forma del cursore
<DIV STYLE="cursor: forma del cursore; >...
</DIV>
forme del cursore: auto, crosshair, default, hand, move, text, wait, help, e-resize, ne-resize, nw-resize, se-resize, sw-resize, s-resize.
filtri sulle immagini
<IMG SRC="2.jpg" STYLE="filter: blur(enabled=1)">
filtri:
- alpha: opacizza in %
- blur: effetto sfuocato verso sx
- light: effetto ombreggiato verso sx
- wave: effetto ondulato
- flip horizontal
- flip vertical
esempi
transizioni
Gli effetti di transizioni possono essere in entrata (page-enter) o in uscita (page-exit) di pagina.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=secondi,Transition=n)">
transizioni:
- box in
- box out
- circle in
- circle out
- wipe up
- wipe down
- wipe right
- wipe left
- vertical blinds
- horizontal blinds
- checkerboard across
- checkerboard down
- random dissolve
- split vertical in
- split vertical out
- split horizontal in
- split horizontal out
- split left down
- split left up
- split right down
- split right up
- random bars horizontal
- random bars vertical
- random
scrollbar
Le scroll bar sono una propriet� di BODY:
BODY {
scrollbar-face-color:#CC9999;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFCCCC;
scrollbar-darkshadow-color:#660000;
scrollbar-shadow-color:#996666;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFCCCC;
}
