CSS and LiveSite

This is a note to help in advising a design agency (if your project is using one) on how the CSS and HTML must be crafted in order to be easily used in LiveSite components.
The CSS and HTML must be coded in a ‘componentisable’ fashion as areas of the pages will be ‘cut’ out and used in other pages by the business user.
This means that each distinct area of the page should have its own and the positioning of the component must not depend on any other element of the page. Often in CSS a box model is used, we require each component to be in its own ‘box’ and not look to the parent box for its positioning.