doc:appunti:prog:usare_i_fogli_di_stile
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
doc:appunti:prog:usare_i_fogli_di_stile [2008/11/16 12:33] – external edit 127.0.0.1 | doc:appunti:prog:usare_i_fogli_di_stile [2017/01/09 16:10] (current) – niccolo | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Usare i fogli di stile (CSS) ====== | ====== Usare i fogli di stile (CSS) ====== | ||
+ | |||
+ | **[[http:// | ||
Per includere un foglio di stile si aggiunge un tag dentro **%%< | Per includere un foglio di stile si aggiunge un tag dentro **%%< | ||
Line 41: | Line 43: | ||
===== Attributo CLASS ===== | ===== Attributo CLASS ===== | ||
+ | |||
+ | <code css> | ||
+ | select.mybutton { | ||
+ | color: red; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Il selettore **'' | ||
<code css> | <code css> | ||
Line 63: | Line 75: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | ==== Effetto cascata ==== | ||
+ | |||
+ | Per utilizzare l' | ||
+ | |||
+ | <code html> | ||
+ | <span class=" | ||
+ | </ | ||
+ | |||
+ | ==== Ordine di applicazione delle classi ==== | ||
+ | |||
+ | Gli stili derivati da più classi vengono applicati non secondo l' | ||
+ | |||
+ | ===== Selettore multiplo ===== | ||
+ | |||
+ | <code css> | ||
+ | article h2 { | ||
+ | color: red; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Il selettore **'' | ||
+ | |||
+ | <code css> | ||
+ | article > h2 { | ||
+ | color: red; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | in questo caso invece la discendenza deve essere diretta (figlio diretto). | ||
+ | |||
+ | <code css> | ||
+ | a:focus > img { | ||
+ | outline-color: | ||
+ | outline-style: | ||
+ | outline-width: | ||
+ | outline-offset: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | In questo caso il selettore si applica all' | ||
+ |
doc/appunti/prog/usare_i_fogli_di_stile.1226835185.txt.gz · Last modified: 2009/06/01 16:00 (external edit)