Perché non l'HTML

Il CSS (Cascading Style Sheets) è un linguaggio che permette, innanzitutto, la formattazione grafica di un testo e aiuta a smaltire di molto quei siti Web carichi di codice HTML superfluo.

Uno dei tanti motivi che porta a preferire i CSS all'HTML è la comodità: con l'HTML dovete gestire una quantità enorme e spesso inutile di tag, nel CSS no.

Un esempio? Quante volte avete dovuto ripetere il tag font per dichiarare il tipo di font (poniamo un Arial) in un documento interamente progettato in HTML?

Il CSS permette di dichiarare il font generale del documento solo una volta, senza dover ogni volta sostituire chissà quanti tags. Immaginate ora che il vostro Arial non vi soddisfi più. Sarà più comodo cambiare un centinaio di tag HTML o una semplice riga di codice CSS?

<style>
body {
font-family: Arial; /*In questo caso ho dichiarato un solo tipo di font. Vedremo in seguito come dichiarare meglio le font-family!*/
}
</style> ¿

Questo è solo una delle tantissime proprietà dei CSS. Importante è la costruzione dei layout interamente in CSS.
Le tabelle HTML con le quali, solitamente, vengono strutturati i siti (anche quelli più professionali, ahimè) sono nate in origine con l'unico scopo di visualizzare i dati.

La visualizzazione tabulare di un'analisi statistica, per esempio, può essere pensata con l'HTML ma NON un layout.

Le tabelle sono spesso causa di errori tra diversi browsers, pesantezza delle pagine, scarsa presentabilità del sito e decisamente poca comodità.

Inoltre, nel caso della costruzione di un sito con layout interamente in CSS, si ha la possibilità di includere il foglio di stile (ovvero il file CSS contenente tutte le informazioni sulla formattazione del testo e del layout) sia esternamente che internamente al documento.
L'importanza che questo aspetto assume per un webdesigner è fondamentale.
Da una parte si potranno gestire i contenuti (con riferimenti all'HTML) e da una altra parte si potranno gestire gli stili.

Per ora ci occuperemo del CSS interno al documento HTML ed una volta imparati i primi rudimenti, potremo capire come far sì che lo stesso file CSS valga con più di un file HTML.