Posts tagged as:

css margin

Box model: 1 colonna fissa o fluida

Tuesday 30 September 08 by Onsitus in Css box model

6 tipi di ‘box model‘ basati su una unica colonna:

  • 1 colonna a larghezza fissa allineata a sinistra
  • 1 colonna a larghezza fluida allineata a sinistra
  • 1 colonna a larghezza fissa allineata centralmente
  • 1 colonna a larghezza fluida allineata centralmente
  • 1 colonna a larghezza fissa allineata a destra
  • 1 colonna a larghezza fluida allineata a destra

Continua a leggere >>

, , , , , , ,

{ 1 comment }

1 commento

Rimani aggiornato con il RSS Feed

Introduzione al box model

Monday 29 September 08 by Onsitus in Css box model

Il contenuto di una pagina è piazzato dentro ’scatole’ chiamate in inglese ‘boxes’.
Queste scatole possono a loro torno contenere altre ‘boxes’ che siano elementi di blocco o online.

Questi blocchi altro il contenuto stesso possono essere costituiti di margine (margin), spazi cuscinetti (padding) e bordi (border) gestiti dalle seguente regole css:

  • margin: il spazio trasparente tra il box e altri box in unità di misura o percentuale
  • padding: il spazio tra il contenuto e il bordo del box in unità di misura o percentuale
  • border: il bordo decorativo attorno il box in unità di misura o percentuale

NB: margin, padding e border possono essere specificate individualmente a destra, sinistra, inferiore e superiore con l’aggiunto di right, left, top o bottom (es: margin-top, padding-left, border-bottom…)

Il contenuto stesso può avere una larghezza e/o altezza specifica con:

  • width: la larghezza in unità di misura (fisso) o percentuale (fluido)
  • height: l’altezza in unità di misura (fisso) o percentuale (fluido)

Il nostro box può finalmente avere uno sfondo decorativo con la proprietà css background.

Il tutto insieme costituisce il ‘box model’ come rappresentato di seguito:

css box model
Continua a leggere >>

, , , , ,

{ 0 comments }

0 commento

Rimani aggiornato con il RSS Feed