CSS inline: quando e perché?

Martedì 11 Luglio 2006 - 09:00

di Cesare Lamanna

CSS

Due post letti in giro ultimamente mi hanno fatto ripensare ad una questione che dal punto di vista di certi puristi degli standard non dovrebbe nemmeno essere posta. Si parla di CSS inline, quelli definiti con l’attributo style nel codice HTML. Qui il punto di vista di Justin Diaz, qui quello di Natalie Jost.

Entrambi sostengono un approccio, come dire, flessibile, aperto: ci sono casi in cui usare CSS inline può essere più comodo, vantaggioso, etc. Inutile sentirla come una colpa da confessare in una qualche seduta come quelle degli alcoolisti anonimi. Per esempio, sostiene Diaz, può essere utile nella formattazione di codice da mostrare in una pagina se si vogliono dare colori diversi alle varie parti (come fa Dean Edwards). Può essere addirittura obbligatorio, aggiunge Natalie Jost, su certe piattaforme di blogging che non consentono l’uso di CSS esterni. Oppure per effettuare dei test veloci sulla resa visiva di certi elementi.

A voi viene in mente qualche altra situazione?

Tags:

Categoria: CSS | Permalink

Commenti

1

“…può essere utile nella formattazione di codice da mostrare in una pagina se si vogliono dare colori diversi alle varie parti…”
Si è vero, ma questo si può fare anche con un css esterno. Perchè lasciare pezzi nel codice che si possono includere altrove?
Più che altro penso sia un discorso di tempi: se uno deve lavorare con una certa celerità, utilizza un editor e lascia inline le info sullo stile.

# - postato da laurami - 11 Luglio 2006 - 09:47

2

Mah, a volte li ho usati anche io inline, magari per certi siti dove si ha un’immagine di sfondo di un div diversa in ogni pagina, tanto per fare un esempio, e fare un css solo per quell’elemento mi sembra sprecato, come mi sembra sprecato mettere tutte classi diverse nel css esterno per ogni pagina. Però son casi limite direi

# - postato da Alessio Michelini - 11 Luglio 2006 - 09:52

3

Fondamentalmente il CSS inline e’ una soluzione rapida, che permette un risparmio di tempo ma che “sporca” l’html, mischiando contenuto e presentazione. Non che sia un reato, pero’ la separazione dei due mondi alla fine paga, permettendo la totale sostiuibilità del foglio di stile. A volte mi capita di ricorrere al CSS inline, ma appena posso cerco di “ripulire” l’HTML spostando nel foglio esterno i vari attributi.

# - postato da Nicola Bortolini - 11 Luglio 2006 - 10:09

4

Penso sia indispensabile nei CMS in genere…

I CMS non sono fatti per i webmaster, non sono fatti per coloro che sanno tutte le specifiche HTML e CSS, ma per chi vuole mettere online delle informazioni.

E’ per questo che i webmaster creano la struttura e i temi, mentre a mettere i contenuti ci pensano persone “normali”.

Queste persone “normali” usano degli editor WYSIWYG che non possono fare altro che utilizzare

# - postato da Epper - 11 Luglio 2006 - 10:25

5

Utili in tutti quei casi dove si vogliono dare particolari formattazioni a sezioni molto specifiche di siti grossi: richiederebbero selettori chilometrici e che quindi non conviene più adottare.

ciao,
Andrea.

# - postato da Andrea Paiola - 11 Luglio 2006 - 13:03

6

Credo che per ragioni di compatibilità, siano indispensabili nell’invio di newsletter/mailinglist.

# - postato da serialkiller - 12 Luglio 2006 - 09:10

7

Tutte idee valide, ma che sporcano il codice.
Ma nessuno ha citato il caso in cui c’e` un Js che agisce su un oggetto. Faccio un esempio banale (che si potrebbe fare anche con un CSS puro), solo per dare l’idea:
[div id=”…” style=”background-color:blue” onfocus=”this.style.backgroundColor=’red’;” onblur=”this.style.backgroundColor=’blue’;”][p]qui il testo[/p][/div]

In questo caso il JS opera una modifica al CSS. Purtroppo non e` facile separare contenuto ed azione (come richiederebbe la programmazione moderna), e comunque se lo si fa e` a spese di un codice molto piu` complesso e meno immediato. A quel punto non ha neppure molto senso separare il contenuto dalla formattazione.

Invece le altre proprieta` del blocco (quelle non interessate dal JS), vanno sistemate nel CSS esterno, come si conviene.

# - postato da Mich_ - 19 Luglio 2006 - 12:27

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento