Semplicemente

Il visual formatting model stabilisce le regole per la generazione dei box da parte degli elementi.
La posizione che un box assume nel flusso dei contenuti della pagina può essere determinata:

Dalle dimensioni e dal tipo di box.
Dallo schema di posizionamento.
Dalle relazioni tra gli elementi nell’albero.
Da informazioni esterne: dimensioni dell’area di visualizzazione, dimensioni intrinseche delle immagini ecc.

Come controllare il comportamento dei box generati dagli elementi?
Con la proprietà display, ovviamente. I quattro valori più comuni per questa proprietà sono i seguenti (se desideri approfondire consulta la specifica CSS):

block
L’elemento inizia e finisce su una nuova riga, per esempio un paragrafo p.
inline
L’elemento è visualizzato in un box posizionato sulla stessa riga del contenuto precedente, [...]

L’”ambiguità” della parola inglese paragraph e la marcatura HTML.
La specifica HTML 4.01 del marcatore p dice laconicamente:
The P element represents a paragraph. It cannot contain block-level elements (including P itself).

Ora si che è davvero uno spreco.
Qualche tempo fa ho spiegato il mio ruolo nel lavoro fatto per migliorare l’accessibilità del portale in oggetto.
Dopo quell’articolo, nacque una discussione tanto accesa quanto inutile. Dato che di politica non mi interesso.
Adesso il portale è stato chiuso. E tutto il lavoro fatto è andato perso. Questo per me [...]

Stiamo preparando la nuova edizione del convegno, grosse novità! (il 2.0 è ironico eh!).
E’ online il sito ufficiale del convegno, questo articolo non sarà più aggiornato. Per conoscere le novità sul convegno e sull’offerta formativa è necessario quindi consultare il sito ufficiale.
L’anno scorso, quasi per gioco, proposi ad Andrea Femminini dell’Università di Roma Tor Vergata, [...]

Un breve (e semiserio) ripasso di alcuni dei principi della scrittura sul web.
Prima di leggere bisogna ricordare la regola aurea della scrittura sul web: tutto dipende dal contesto. Il contesto è il nostro dio. Non si può di certo imporre la piramide invertita a un poeta.
Accorciare
Quando si scrive per il web, ridurre la lunghezza del [...]

La struttura di un documento HTML è fatta, in ultima analisi, di elementi posti all’interno di altri elementi.
E’ possibile rappresentarli in una struttura gerarchica ad albero oppure, visivamente, come box rettangolari contenuti all’interno di altri box rettangolari.
Il box model1 descrive esattamente le caratteristiche dei box rettangolari generati dagli elementi.
Il box più esterno di un documento [...]

Perché anche il vuoto ha il suo peso.
Spazi vuoti
La proprietà white-space definisce come lo spazio vuoto presente nel codice HTML sarà trattato. I valori possibili sono:

normal
Le tabulazioni sono convertite in spazi, ogni spazio aggiuntivo e rimosso e le righe sono interrotte per adattarsi alle dimensioni del contenitore. E’ la modalità predefinita.
pre
Gli spazi vuoti aggiuntivi e [...]

Scelte le dimensioni e la famiglia di caratteri, aggiungiamo un po’ di stile. Un altro articolo sulla tipografia CSS.
Corsivo
La proprietà font-style consente di rendere il testo in corsivo ed ha quattro valori possibili: normal, italic, oblique e inherit.
L’effetto corsivo1 può essere ottenuto in due modi:

Utilizzando la variante corsiva del carattere (valore italic).
Oppure inclinando di circa [...]

Perché Internet Explorer mi delude sempre?
Oggi giocavo un po’ con il CSS del form di ricerca del mio sito. Si vede che non ho un cacchio da fare eh? (sorriso).
Speravo davvero che il mancato supporto per il valore dotted della proprietà CSS border-style fosse stato risolto del tutto con la versione 7 di IE. Ma [...]

Iniziamo con questo articolo ad approfondire la tipografia CSS.
Le famiglie di caratteri
La proprietà CSS font-family consente all’autore di scegliere il tipo di carattere per il testo di un elemento.
Il valore è una lista separata da virgole di nomi di famiglie di caratteri e/o di famiglie generiche. E’ consigliabile indicare sempre una delle famiglie generiche di [...]