Gli ultimi tutorial di sviluppo web
 

CSS Introduzione


Cosa sono i CSS?

  • CSS sta per Cascading Style Sheets
  • CSS descrive come elementi HTML devono essere visualizzati sullo schermo, carta, o in altri mezzi di comunicazione
  • CSS permette di risparmiare un sacco di lavoro. Può controllare il layout di più pagine web tutto in una volta
  • Fogli di stile esterni vengono memorizzati infile CSS

CSS Demo - Una pagina HTML - stili multipli!

Qui vi mostreremo una pagina HTML visualizzata con quattro diversi fogli di stile. Fare clic sul "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" link qui sotto per vedere i diversi stili:


Perché usare i CSS?

CSS è utilizzato per definire gli stili per le pagine web, tra cui il design, il layout e le variazioni di visualizzazione per i vari dispositivi e dimensioni dello schermo.


CSS risolto un grosso problema

HTML è mai stato destinato a contenere i tag per la formattazione di una pagina web!

HTML è stato creato per descrivere il contenuto di una pagina web, come:

<h1> Questa è una rubrica </h1>

<p> Questo è un paragrafo. </p>

Quando i tag come <font> e attributi di colore sono stati aggiunti alla specifica HTML 3.2, è iniziato un incubo per gli sviluppatori web. Sviluppo di grandi siti web, in cui sono stati aggiunti i font e il colore le informazioni per ogni singola pagina, è diventato un processo lungo e costoso.

Per risolvere questo problema, il World Wide Web Consortium (W3C) ha creato CSS.

CSS rimosso lo stile di formattazione dalla pagina HTML!


CSS risparmiare un sacco di lavoro!

Le definizioni di stile sono normalmente salvati in esterni .css file.

Con un foglio di stile esterno, è possibile modificare l'aspetto di un intero sito modificando un solo file!