Perché non capisco questo esempio?

[esacerbare]

Sto cercando di capire questo esempio:
http://www.html.it/articoli/2880/dropdownMinimal.html
appartenente alla guida:
http://css.html.it/articoli/leggi/28...tile-facebook/
però ho molte perplessità.
Provo a fare qualche domanda:
1) Non c'é una guida più semplice dove si illustra più dettagliatamente l'uso dei vari attributi utilizzati nel codice?
2) Perché 'Home, Mail e Setting' stanno orizzontali e gli altri no? Dov'é scritto questo incasellamento visuale?
3) Non ho ben capito l'uso e il comportamento di questi attributi:
list-style
line-height
display:block;
position: relative;
position: absolute;
left: auto;
In pratica mi capita di cambiare qualche parametro sperando di ottenere qualche risultato ed invece ne ottengo un'altro che non capisco da dove salta fuori.
A volte elimino degli attributi e non succede nulla così mi chiedo a cosa servono.
Ragazzi sto impazzendo...

[miki003]

Originariamente inviato da esacerbare
.......
1) Non c'é una guida più semplice dove si illustra più dettagliatamente l'uso dei vari attributi utilizzati nel codice?

http://css.html.it/

2) Perché 'Home, Mail e Setting' stanno orizzontali e gli altri no? Dov'é scritto questo incasellamento visuale?

Nel codice della lista tra <ul>.....[/list]e nela formattazione con i css

3) Non ho ben capito l'uso e il comportamento di questi attributi:
list-style

stile della lista
http://css.flepstudio.org/css-proprieta/list-style.html

line-height

Determina l'altzza della riga
http://css.html.it/articoli/leggi/21...il-lineheight/

display:block;

Definisce la modalità di visualizzazione di un elemento in un unico blocco

position: relative;
position: absolute;

http://lau.csi.it/realizzare/accessi...n/absolute.htm
http://lau.csi.it/realizzare/accessi...on/rel-abs.htm

left: auto;

Determina la poszione di un elemento dal bordo sinistro del contenitore in automatico.

Qui puoi trovare l'effetto di tutte le regole css
http://www.javascriptkit.com/dhtmltu...eference.shtml