Come implementare il foglio di stile nelle pagine
Il foglio di stile o CSS (Cascading Style Sheets) è quel documento che racchiude tutte le regole grafiche che si vogliono dare a un documento HTML. Ci sono tre possibili modi per implementare il foglio di stile in una pagina. Il primo metodo è anche quello più consigliato, perché mantiene il codice della pagina pulito, chiaro e comprensibile. Si tratta di creare un foglio di stile esterno alla pagina web stessa. Questo foglio sarà contenuto in un’apposita cartella all’interno del sito, in modo che sia ben diviso dal resto dei documenti. Un foglio di stile può anche essere posizionato nella zona ‘head’ del documento HTML. È indicato nel caso di poche regole e quando sono specifiche per quella determinata pagina. Sarebbe infatti confuso e poco chiaro inserire qui le regole di stile per l’intero sito, in quanto in caso di modifiche si dovrebbero correggere tutte le pagine singolarmente. Un lavoro enorme. Per questo per le regole dell’intero sito è più opportuno utilizzare il foglio esterno in modo che – in caso di modifiche – sarà sufficiente cambiare le regole nel file esterno e le modifiche si ripercuoteranno in modo automatico su tutte le pagine. Altro metodo è quello denominato ‘inline’. È indicato per dare regole immediate in un punto specifico della pagina. Per esempio, se si vuole che un titolo in quella pagina sia rosso invece che nero, basterà aggiungere la regola specifica in quel punto della pagina in cui si vuole che il titolo sia rosso e non nero. La scelta di un metodo rispetto a un altro è fatta a seconda delle esigenze di ognuno nel suo sito, stando attenti a osservare quei criteri di chiarezza e precisione che rendono l’intero sito maggiormente fruibile e il codice più chiaro. Di solito si utilizza un mix di questi tre metodi, in modo da soddisfare ogni specifica esigenza.
Redazione
Per capire meglio i ciontenuti di un sito si rimanda all’articoloIl foglio di stile