CSS Box Model
Box model shows the design and layout of html, this is very
important for creating a well presented and professional looking website. The CSS
box model consists of different layers, margin, border, padding and content;
all these layers help to make it easier to read each part of the website.
·
The margin clears the area around the border; it
transparent therefore has no background colour and blends in with the website background
itself. Depending on the code, it leaves out empty space by a certain amount.
·
The border goes around the padding and content,
it is affected by a background colour. The
thickness and type of the border can be changed for example 10px thick blue. However
this does not work on the internal browser.
·
Padding clears out the area around the content. This
is done to make sure the border is not too close to the content s and therefore
making it easier for the user to read.
·
Content is where the text and images are placed,
this is placed in the middle of all the other layers.
Website- bizbtec.co.uk
Time- 6:40
Date- 04/12/2013
No comments:
Post a Comment