Cascading Style Sheet (CSS) è un modo per progettare un sito Web, o un gruppo di siti Web, in modo che abbiano un aspetto coerente e che il loro aspetto sia facile da modificare. Usando i CSS per progettare un sito web, lo sviluppatore web ottiene un maggiore grado di controllo su come appare il sito.
Uno sviluppatore web può utilizzare un file CSS per controllare l’aspetto di un sito web in tre modi principali. Il primo modo è chiamato inline, riferendosi al fatto che il codice è posizionato direttamente nella riga del codice del sito web. Ad esempio, uno sviluppatore web potrebbe voler far apparire una particolare frase in grassetto, in rosso, in modo che risalti. Potrebbe usare i CSS per impostare lo stile di quella frase in grassetto e rosso usando il codice in linea. Il vantaggio di questo metodo è che consente di cambiare rapidamente e facilmente una parte particolare di una pagina web.
Un altro modo in cui uno sviluppatore web può utilizzare i CSS è creare regole per una singola pagina web. In questo caso, lo sviluppatore utilizzerà quello che viene chiamato CSS incorporato. Lo sviluppatore può, ad esempio, rendere ogni nuovo rientro di paragrafo e ogni intestazione in grassetto. Le istruzioni incorporate sono generalmente posizionate nella parte superiore del codice della pagina web.
Ciò consente allo sviluppatore di modificare il codice incorporato una volta e di avere gli effetti nell’intera pagina. Se decidesse di mettere tutte le intestazioni in corsivo anziché in grassetto, potrebbe semplicemente cambiare la codifica dello stile e tutte le intestazioni su quella pagina cambierebbero. Questo ha un vantaggio rispetto al metodo in linea in quanto copre l’intera pagina Web e le modifiche possono essere apportate all’intera pagina contemporaneamente.
L’ultimo tipo comune di CSS è quello che è noto come CSS esterno. Uno sviluppatore web scriverà il codice da applicare a un intero gruppo di pagine web, a un intero sito web o anche a più siti web. Queste regole possono includere cose come il colore di sfondo, il colore del testo, la spaziatura delle parole e altri elementi del layout di pagina, proprio come i precedenti due esempi di CSS.
La differenza è che queste istruzioni non sono per una singola sezione della pagina, o solo una pagina web, ma per un intero sito web. Il vantaggio è che l’aspetto di un intero sito Web può essere modificato contemporaneamente apportando modifiche al foglio di stile esterno. Se il designer desidera provare un nuovo colore di sfondo o un nuovo carattere per l’intero sito Web, può farlo con la modifica di alcune righe nel codice esterno, anziché andare su ogni pagina singolarmente e apportare modifiche lì.
Gli svantaggi dei CSS sia incorporati che esterni sono che è necessario più tempo per creare un foglio di stile di grandi dimensioni, che coprirà una grande quantità di layout, piuttosto che apportare modifiche più piccole alle singole righe. Il web designer deve decidere se è più efficiente nel lungo periodo creare istruzioni in linea individuali o creare un CSS incorporato o esterno per occuparsi di molte funzionalità di progettazione contemporaneamente.