Prerequisiti

• Ultimate HTML

Benvenuti nel mondo del Web Design

CSS (Cascading Style Sheets) trasforma l'HTML semplice in pagine web visivamente attraenti e facili da usare. Gestisce colori, layout, spaziatura e presentazione generale—fondamentalmente dà vita ai tuoi progetti.

Che cos'è il CSS?

CSS, abbreviazione di Cascading Style Sheets, è un linguaggio di stile utilizzato per definire la presentazione dei documenti in HTML (Hypertext Markup Language). Ma cosa significa esattamente?

Pensa all'HTML come alle fondamenta di una casa: fornisce la struttura essenziale e il layout della tua pagina web. Ora, immagina il CSS come l'interior designer di quella casa. Si occupa di aggiungere stili, colori ed elementi estetici alla struttura, rendendola accogliente e visivamente attraente.

Osserva questa illustrazione:

Il lato sinistro dell'illustrazione mostra l'HTML semplice. Il lato destro mostra come il CSS può trasformare lo stesso contenuto con stile e colore.

Comprendere la sintassi CSS

Il CSS potrebbe inizialmente sembrare una lingua straniera, ma segue una sintassi semplice. Una regola CSS è composta da un selettore e da un blocco di dichiarazione. Il selettore indica a quali elementi HTML si applica la regola, mentre il blocco di dichiarazione contiene una o più coppie proprietà-valore che definiscono lo stile.

Analizziamo con un esempio:

p {
  color: purple;
  background-color: green;
}

• p è il selettore, indica che questa regola si applica a tutti gli elementi <p>;
• color: purple; specifica che il colore del testo deve essere viola;
• background-color: green; specifica che il colore di sfondo deve essere verde.

Approfondiremo selettori, proprietà e valori nei prossimi capitoli, ma per ora ricorda che CSS consente di selezionare elementi e applicare stili all'interno delle parentesi graffe {}.

Cosa c'è dopo?

I prossimi capitoli esploreranno selettori, proprietà, valori e tecniche pratiche di stile. Al termine, sarai in grado di trasformare HTML di base in design puliti e accattivanti.