Semplicemente

Forse ti sembrerà ovvio. Ma la confusione tra queste due parole è tutt’altro che rara.
Del resto è comprensibile: Il Word Wide Web è ormai il servizio più utilizzato di Internet. Attraverso una pagina web oggi si possono fare cose che non molti anni fa avrebbero richiesto l’installazione di un software:

leggere e inviare la posta elettronica; [...]

Il supporto del linguaggio CSS nei vari browser sta nettamente migliorando. Ecco perché è forse il momento giusto per dare una timida occhiata a CSS 3.
Se non ricordi cosa sono le pseudo classi puoi dare una ripassata all’articolo Introduzione ai CSS - I selettori.
Fino ad ora abbiamo definito CSS come il linguaggio con il quale [...]

Sempre più spesso ho il sospetto che chi avversa con troppa veemenza i requisti tecnici presenti nell’allegato A del DM 8 luglio 2005, non sia del tutto sincero con gli altri (o magari con se stesso).
Periodicamente la discussione sulla 4/2004 torna sulla presunta inapplicabilità, o inutilità, dei 22 requisiti. Oppure si assiste a grottesche affermazioni [...]

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, [...]

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 [...]

E se volessimo destinare un foglio di stile a un particolare dispositivo?
Alcune proprietà possono essere condivise tra più dispositivi (media).
Il media di destinazione di un intero foglio di stile può essere specificato sia con l’attributo media degli elementi link e style di HTML, sia all’interno di una regola @import.
Ecco un esempio nel quale sono associati [...]

Grazie al contenuto generato via CSS è possibile modificare l’aspetto delle liste ordinate. Nulla di nuovo, ma ovviamente IE (compresa la versione 7) non supporta questo metodo.
Maria, una mia ex allieva, oggi mi ha chiesto un consiglio sui fogli di stile e le liste ordinate. Mentre le rispondevo ho giocato un po’ con il contenuto [...]

Con questo articolo cercheremo di orientarci un po’ nella selva dei selettori CSS.
Prima di procedere con la lettura consiglio di leggere l’articolo Introduzione ai CSS - Le relazioni tra gli elementi per familiarizzare con la terminologia.
I selettori di cui mi occupo in questo articolo sono esclusivamente riferiti alla specifica CSS 2.0.
Selettore di tipo
Un selettore [...]

Un foglio di stile è costituito da un insieme di regole che specificano l’aspetto di un documento sorgente.
Il linguaggio CSS consente la separazione dello stile di presentazione di documenti strutturati (come pagine HTML o applicazioni XML) dal contenuto.
Grazie a questa separazione, il documento può essere fruito in modalità differenti senza perdita di informazioni o struttura.
La [...]

Qual’è lo scopo della dichiarazione DOCTYPE?
La dichiarazione DOCTYPE specifica:

il tipo di elemento radice del documento, per esempio HTML;
un identificatore pubblico, per esempio: PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”;
il system identifier: “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”

Esempi di DTD:
HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Enfatizza la separazione del contenuto dalla presentazione e [...]

I linguaggi di marcatura come HTML, XHTML o XML derivano dall’SGML (Standard Generalized Markup Language).
SGML è un metalinguaggio (un linguaggio, cioè, utilzzato per la creazione di altri linguaggi) e ha origini “antiche”. Nel 1969 Charles Goldfarb, Edward Mosher, e Raymond Lorie, dipendenti IBM, inventarono il Generalized Markup Language come un mezzo per modificare, condividere e [...]

Il primo di una serie di articoli per introdurre il linguaggio CSS ai principianti, con un occhio rivolto all’accessibilità.
La struttura di un documento è il modo con cui si organizza il contenuto grezzo.
Il contenuto di un libro, per esempio, è strutturato in titoli, sottotitoli paragrafi ecc. utilizzando convenzioni tipografiche per rappresentarli. Il contenuto di una [...]

La mia guida “incompleta” ai CSS cerca co-autori.
Come ho già detto qualche settimana fa, ho deciso di revisionare e pubblicare il materiale dei corsi che ho condotto sul linguaggio CSS.
Al termine raccoglierò gli articoli in un documento PDF da scaricare e stampare gratuitamente.
Perché questo lavoro abbia senso è per me essenziale che i lettori forniscano [...]