From virtualMV2015wiki
Revision as of 17:21, 14 January 2015 by Hesperides (Talk | contribs) (1 revision imported)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
 Home  CSS <


Layout with styles has several advantages:

  • Good for liquid layouts, that expand/contract depending on size of the monitor being used to view your page.
  • Allows you to modify a layout using a CSS for many pages that use the same "block" structure.
  • Tends to produce smaller files.
  • Conforms to current (and therefore future) standards

The disadvantages are that:

  • older browsers may or may not display the styles correctly if at all.
  • different browsers may not display the content in the same way.

Icon Objective.png

Objective Cascading Style Sheets

By the end of this page you will be able to:

Box Model

CSS treats every element as if it is surrounded by an invisible box.

In Firefox you can see a 3D visualisation of the box model if you Right click on page > Inspect element > 3D View (bottom right) then Drag = shows page divs layered

Firefox: 3D view showing box model of virtualmv.com
Error in widget Iframe

Reference Learn CSS Positioning in Ten Steps. (2006)[1]


Icon References.png References

  1. Learn CSS Positioning in Ten Steps. (2006). In BarelyFitz Designs. Retrieved from http://www.barelyfitz.com/screencast/html-training/css/positioning/

CSS:Layout. (2020). In virtualMV's ( Michael Verhaart ) wiki. Retrieved January 19, 2020, from http://www.virtualmv.com/wiki/index.php?title=CSS%3ALayout    (zotero)