Ciao,
prova questo sito consigliato l'altro giorno dall'utente Marco Maso:
http://www.constile.org/oppure anche questa guida introduttiva, per passi:
http://www.w3schools.com/css/default.asp
senza appesantire di codice la pagina
la pagina può essere appesantita da un uso inconsapevole di alcuni editor html. Word tra tutti è l'apoteosi della schifezza, genera un codice html pesante e per niente ottimizzato. La cosa migliore sarebbe usare blocco note che ti da la totale liberta sul codice (vedi ciò che scrivi) ma capisco che può essere lento creare tabelle o layout complessi. Ci sono comunque prodotti buoni per creare dell'html decente (frontpage2002, deamweaver, webmatrix,...)
Mi interessa specialmente il fatto che alle tabelle si possa dare uno stile CSS
nel foglio di stile, che ti consiglio di includere il ogni pagina con questa sintassi:
<link rel="stylesheet" type="text/css" href="nomefile.css">
puoi dare uno stile personalizzato ad ogni tipo di tag. Esempio, io di solito uso:
BODY, TD, SPAN, DIV {font-family:Verdana; font-size:10px}
in questo modo TUTTO il testo che si trova nel body o nelle tabelle td, span e div avranno la stessa formattazione.
Questo ti permette di eliminare completamente l'uso dei tag <font size=".." color="...">
Se hai una cella in cui il testo dev'essere diverso, puoi "battezzarla" dandogli un nome di classe. Es.
<table>
<tr>
<td>Qui il testo assume la formattazione predefinita prima</td>
<td class="titolo">Qui la formattazione è diversa</td>
<tr>
</table>
BODY, TD, SPAN, DIV {font-family:Verdana; font-size:10px}
TD.titolo {font-size:12px}
una cella che ha class="titolo", per prima cosa eredita lo stile inziale (verdana, 10px) e poi lo sovrascrive con le informazioni specifiche della sua class (12px)
Comunque leggi le guide, sono molto più comprensibili :)
