Tag: Corso HTML

Corso HTML e CSS (24^ lezione): Stilizzare il testo (parte 1^)

Impariamo a costruire un sito Web

Lezione 24: CSS: Stilizzare il testo (parte 1^).

 

Quando si relizza un sito web una importanza fondamentale l’assume l’aspetto. I criteri per rendere un sito fruibile sono numerosissimi, ma non si può trascurare anche l’apporto estetico che il testo può dare all’aspetto finale delle nostre pagine.
Continua a leggere…

Corso HTML e CSS (23^ lezione): CSS: Box model (6^parte)

Impariamo a costruire un sito Web

Lezione 23: CSS: Box model (6^parte).

 

Vediamo dunque tutte le rimanenti proprietà che possiamo usare per stilizzare un box.

b) Colori, sfondi e dimensioni (cont.)

Continua a leggere…

Corso HTML e CSS (22^ lezione): CSS: Box model (5^parte)

Impariamo a costruire un sito Web

Lezione 22: CSS: Box model (5^parte).

 

Vediamo ora tutte le proprietà che possiamo usare per descrivere lo sfondo di un box.

b) Colori, sfondi e dimensioni

Continua a leggere…

Corso HTML e CSS (21^ lezione): CSS: Box model (4^parte)

Impariamo a costruire un sito Web

Lezione 21: CSS: Box model (4^parte).

 

Continuiamo con le proprietà che si possono usare per stilizzare un box.

a) Formattazione dei bordi di un box (cont.)

Continua a leggere…

Corso HTML e CSS (20^ lezione): CSS: Box model (3^parte)

Impariamo a costruire un sito Web

Lezione 20: CSS: Box model (3^parte).

 

Vediamo dunque tutte le proprietà che possiamo usare per stilizzare un box. A questo proposito possiamo fare riferimento alla tabella delle proprietà riportata alla lez. 18.

Suddividiamo le proprietà per tipo per nostra comodità di esposizione.

Continua a leggere…

Corso HTML e CSS (19^ lezione): CSS: Box model (2^parte)

Impariamo a costruire un sito Web

Lezione 19: CSS: Box model (2^parte).

 

Cominciamo dunque a vedere come definire e dotare di stile un box.

Naturalmente negli esempi potremo vedere solo una parte delle proprietà che possono essere definite. Una descrizione più completa delle proprietà verrà fornita dopo l’illustrazione degli esempi pratici.

Continua a leggere…

Corso HTML e CSS (18^ lezione): CSS: Box model (1^parte)

Impariamo a costruire un sito Web

Lezione 18: CSS: Box model (1^parte).

 


Iniziamo ad esporre con esempi una parte delle stilizzazioni particolarmente importanti e ricorrenti vedendo nell’ordine:

  • Box modeling
  • Bordi e sfondi
  • Formattazione del testo
  • Effetti ed animazioni

 Box modeling

Con questo termine intendiamo analizzare tutti i modi per definire dei box in html, posizionarli e dotarli di uno stile. In realtà tutti gli elementi hatml possono essere considerati dei box.

Cominciamo a vedere innanzitutto quali sono gli elementi che costituiscono un box:

  • Margini
  • Bordi
  • Padding
  • Contenuto

L’immagine seguente aiuta a capire come vengono intesi questi elementi nell’ html.

Box
Box modeling

Continua a leggere…