Che cos'è il CSS?
Il CSS (Cascading Style Sheet) è 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. Utilizzando i CSS per progettare un sito Web, lo sviluppatore Web acquisisce un maggior grado di controllo sull'aspetto del 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 in linea, facendo riferimento al fatto che il codice viene inserito direttamente nella riga del codice del sito Web. Ad esempio, uno sviluppatore web potrebbe voler far apparire una frase particolare in grassetto, in rosso, in modo che risalti. Poteva usare i CSS per impostare lo stile di quella frase su grassetto e rosso usando il codice incorporato. Il vantaggio di questo metodo è che consente di passare rapidamente e facilmente a una determinata parte di una pagina Web.
Un altro modo in cui uno sviluppatore web può usare i CSS è creare regole per una singola pagina web. In questo caso, lo sviluppatore userebbe quello che viene chiamato CSS incorporato. Lo sviluppatore può, ad esempio, rendere ogni nuovo trattino di paragrafo e ogni intestazione in grassetto. Le istruzioni incorporate vengono generalmente posizionate nella parte superiore del codice della pagina Web.
Ciò consente allo sviluppatore di modificare una volta il codice incorporato e avere effetti in tutta la pagina. Se avesse deciso di mettere tutte le intestazioni in corsivo anziché in grassetto, avrebbe semplicemente potuto cambiare il codice di stile e tutte le intestazioni in quella pagina sarebbero cambiate. Ciò ha un vantaggio rispetto al metodo incorporato in quanto copre l'intera pagina Web e le modifiche possono essere apportate all'intera pagina in una sola volta.
L'ultimo tipo comune di CSS è ciò 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 persino a più siti Web. Queste regole possono includere elementi come il colore di sfondo, il colore del testo, la spaziatura tra le parole e altri elementi del layout di pagina, proprio come i due precedenti esempi di CSS.
La differenza è che queste istruzioni non riguardano 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 modificando il 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, piuttosto che andare su ciascuna pagina singolarmente e apportare modifiche lì.
Lo svantaggio sia dei CSS incorporati che di quelli esterni è che c'è più tempo per la creazione di un grande foglio di stile, che coprirà una grande quantità di layout, piuttosto che apportare piccole modifiche alle singole linee. Il web designer deve decidere se a lungo termine è più efficiente formulare singole istruzioni incorporate o creare un CSS incorporato o esterno per gestire contemporaneamente molte funzionalità di progettazione.