Cos'è CSS?

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 in modo che il loro aspetto e sentimento siano facili da cambiare.Utilizzando 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 in linea, riferendosi 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, tipo rosso in modo che si distingua.Poteva usare CSS per impostare lo stile di quella frase su grassetto e rosso usando il codice in linea.Il vantaggio di questo metodo è che consente una modifica rapida e semplice in una parte particolare di una pagina web.

Un altro modo in cui uno sviluppatore Web può utilizzare CSS è quello di stabilire 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 paragrafo e ogni intestazione in grassetto.Le istruzioni incorporate sono generalmente posizionate nella parte superiore del codice delle pagine Web.

Ciò consente allo sviluppatore di modificare il codice incorporato una volta e avere gli effetti che hanno luogo in tutta la pagina.Se avesse deciso di mettere tutte le intestazioni in corsivo piuttosto che un testo in grassetto, potrebbe semplicemente cambiare la codifica di stile e tutte le intestazioni di quella pagina cambieranno.Ciò ha un vantaggio rispetto al metodo in linea in quanto copre l'intera pagina Web e le modifiche possono essere apportate a tutta la pagina in una sola volta.

Il tipo comune di CSS finale è quello che è noto come CSS esterno.Uno sviluppatore Web scriverà il codice da applicare a un intero gruppo di pagine Web, un intero sito Web o persino 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 e la sensazione di un intero sito Web possono essere modificati contemporaneamente apportando modifiche al foglio di stile esterno.Se il designer vuole provare un nuovo colore di sfondo o un nuovo carattere per l'intero sito Web, può farlo con il cambio di poche righe nel codice esterno, piuttosto che andare a ciascuna pagina singolarmente e apportare modifiche lì.

Svantaggi per CSS sia incorporato che esterno è che c'è più tempo coinvolto nella creazione di un foglio di grande stile, che coprirà un grande layout, piuttosto che apportare modifiche più piccole alle singole linee.Il web designer deve decidere se è più efficiente a lungo termine per effettuare istruzioni in linea individuali o per creare un CSS incorporato o esterno per prendersi cura di molte funzionalità di design contemporaneamente.