Tag: attributi

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…

Corso HTML e CSS (Lezione 16): I selettori CSS (Parte 4^)

Impariamo a costruire un sito Web

Lezione 16: CSS: Pseudo-elementi

 

Gli pseudo-elementi sono usati per aggiungere effetti ad alcuni selettori.

La sintassi è: selettore:pseudo-elemento {proprietà:valore;}

oppure

selettore.classe:pseudo-elemento {proprietà:valore;}

in quanto anche le classi CSS possono essere usate insieme ad un pseudo-elemento.

 

Continua a leggere…

Corso HTML e CSS (Lezione 15): I selettori CSS (Parte 3^)

Impariamo a costruire un sito Web

Lezione 15: CSS: Pseudo-classi e pseudo-elementi

 

Le pseudo-classi sono usate per aggiungere effetti ad alcuni selettori.

La sintassi è: selettore:pseudo-classe {proprietà:valore;}

oppure

selettore.classe:pseudo-classe {proprietà:valore;}

in quanto anche le classi CSS possono essere usate insieme ad una pseudo-classe.

Continua a leggere…

Corso HTML e CSS (Lezione 14): I selettori CSS (Parte 2^)

Impariamo a costruire un sito Web

Lezione 14: CSS: I selettori – Seconda parte

 

Dopo aver visto cosa sono le classi e gli id, analizziamo alcuni altri selettori.

Il selettore universale  *  è decisamente autoesplicativo: indica tutti gli elementi del documento html. A tutti verranno applicate le proprietà definite per questo selettore.

I cosiddetti Selettori di Tipo possono essere tutti gli elementi html, ad es. p o div o h1 ecc. Possono anche essere associati più selettori separandoli con una virgola.

Sintassi: elemento1, elemento2

Continua a leggere…

Corso HTML e CSS (Lezione 13): I selettori CSS

Impariamo a costruire un sito Web

Lezione 13: CSS: I selettori -Prima parte

 

I CSS sono stati definiti nel 1996  e la versione CSS2 risale al 1998; da allora, per molto tempo si è rimasti fedeli alle definizioni previste nelle prime stesure.
Solo nel 2007 si è giunti al rilascio dei nuovi CSS3 (attualmente è allo studio la versione 4). E’ quindi evidente che le novità introdotte fossero particolarmente rilevanti anche per lo sviluppo nel frattempo avuto dai nuovi browser. Così si è passati da 120 a 279 proprietà, anche se un discreto numero non è ancora supportata dalla totalità dei browsers. In particolare Microsoft Internet Explorer è sempre indietro di anni rispetto allo sviluppo che assicurano i browsers concorrenti.

Continua a leggere…