Il box model


box-model.gif

fonte: http://www.w3schools.com/css/css_boxmodel.asp

http://www.brainjar.com/css/positioning/default.asp



Prime regole dei blocchi

  1. la larghezza width è al netto di padding e border
  2. i margini superiori e inferiori "collassano"
  3. di default il contenuto viene sempre visualizzato anche se più grande del contenitore (overflow)
  4. come si centra un blocco
    1. mettete la dimensione del blocco
    2. mettete margin-left:auto e margin-right:auto



nota bene:
Internet Explorer 5 o Netscape non supportano il box model

per IE 6 is easy to work around, by adding a correct DTD (which you should be doing anyway). (Come DW in automatico)





http://designshack.co.uk/

template-960.jpg









appendici

Unità di misura dei css

  • % (percentage)
  • in (inches)
  • cm (centimeters)
  • mm (millimeters)
  • em (ems)
  • ex (exes)
  • pt (points)
  • pc (picas)
  • px (pixels)