CSS è l’acronimo di Cascading Style Sheet (fogli di stile a cascata). Il CSS è un linguaggio creato dal W3C (World Wide Web Consortium) per definire formattazione e stili delle pagine HTML e XHTML.
Il CSS è stato creato nel 1996 e consente di separare i contenuti dalla formattazione, rendendo il codice html più pulito.
Tutti i tag html come h1, h2, p, etc possiedono delle formattazioni predefinite. Queste però sono gestibili a proprio piacimento o tramite tag html o tramite i CSS, così come le tabelle e i layer.
Il vantaggio nell’usare i CSS è notevole.
Difatti basta definire lo stile, preferibilmente in un foglio di stile esterno, tramite una classe (applicabile più volte in una pagina) o un id (applicabile una sola volta) e applicarlo all’elemento.
Ad esempio se vogliamo creare un div al cui interno il testo sia di colore rosso, grassetto e font Verdana, possiamo specificare tutte queste proprietà in una classe chiamata “red” e applicarla al div:
<div class="red">uso dei CSS</div>
Senza l’utilizzo dei CSS avremmo invece:
<div class="red"><font color="#FF0000"><strong><font face="Verdana, Arial, Helvetica, sans-serif">uso dei CSS</font></strong></font></div>
Come si può notare la differenza èabissale. Con i CSS si ottiene una pagina meno pesante a volte anche del 200%.
Ma un altro dei motivi per i quali i CSS sono stati creati è la realizzazione di layout. Difatti per la creazione di layout vengono usate, erroneamente e nella stragrande maggioranza dei casi, le tabelle che invece andrebbero utilizzate solo per impaginare dati tabulari.
Anche qui ci sono vantaggi notevoli soprattutto con l’uso dei posizionamenti assoluti. Tramite questa tecnica è possibile infatti avere un codice html che presenta prima i contenuti e poi le colonne con i menù, con notevoli vantaggi per il posizionamento sui motori di ricerca. |
