MidiBlog.net

Il posizionamento CSS (prima parte)

Maggio 29, 2008 @ 1:34 pm

Nina: Introduzione
Questo tutorial è una traduzione dell’articolo chiamato “Understanding CSS Positioning part 1” di Kilian Valkhof.
Senza ombra di dubbio il posizionamento è la parte più difficile da capire dei CSS.
Non solo perchè ciò dipende molto dal browser che l’utente utilizza, ma anche perchè i CSS permettono più modi di posizionare un elemento con i relativi vantaggi e svantaggi.
Display
Prima di iniziare è giusto parlare dei 2 modi di visualizzazione di un elemento: block ed inline.
Display: block
Block può essere considerato letteralmente come un “blocco”.
Esso ha una specifica larghezza ed altezza, opzionalmente esse possono dipendere dal suo contenuto anche se le dimensioni date mediante CSS hanno la priorità.
Un’altra proprietà degli elementi visualizzati in block è che non possono stare nella stessa linea.
Anche se un elemento ha una larghezza piccola , il prossimo elemento sarà visualizzato sempre sotto di esso.
Due elementi in display:block verranno visualizzati come segue:

Display: inline
Display: inline è in qualche modo l’opposto.
Elementi con [...]

Read more


Related:

Related foto e immagini: