Introduzione a CSS

Cos'è CSS?

  • CSS Si riferisce ai fogli di stile cascading* (Cascading Style Sheets)
  • CSS descriveCome visualizzare gli elementi HTML su schermo, carta o altri media
  • CSS Spara molto lavoro。Può controllare contemporaneamente la layout di più pagine web
  • Le tabelle di stili esterni vengono memorizzate in File CSS中

*:Anche conosciuto come fogli di stile cascading.

CSS dimostrazione - una pagina HTML - più stili!

Di seguito è riportata una pagina HTML che fornisce quattro diverse tabelle di stili. Clicca sui link delle tabelle di stili di seguito per vedere diversi stili:

Perché utilizzare CSS?

CSS viene utilizzato per definire lo stile delle pagine web, inclusi il design e la布局 per diversi dispositivi e dimensioni di schermo.

Esempi CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Prova tu stesso

CSS ha risolto un grande problema

HTML non ha mai avuto l'intenzione di includere tag per la formattazione delle pagine web!

L'obiettivo della creazione di HTML èDescrivere la pagina webad esempio:

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

Dopo aver aggiunto etichette come <font> e attributi di colore alla specifica HTML 3.2, è iniziato il incubo dei developeri web. L'implementazione di informazioni su caratteri e colori in ogni pagina dei grandi siti web è diventata un processo lungo e costoso.

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

CSS ha rimosso il formato di stile dalle pagine HTML.

Se non si conosce HTML, si consiglia di leggere Tutorial HTML.

CSS ha risparmiato molte fatiche!

Le definizioni di stile sono solitamente salvate in file .css esterni.

Utilizzando un file di fogli di stile esterni, è sufficiente modificare un file per cambiare l'aspetto dell'intero sito!