BDWS-Task6: CSS ELEMENT POSITIONING

General: Controlling the HTML position will create a specific style of your own: the way the page looks, how it’s changing by user actions…

·  Each HTML element should be in a CSS Box that stored style format.

·  First of all, we concerned about the DISPLAYING properties:

·         Block display.

·         In-Line Block display.

·         None Block.

·  Secondly, we should defined block display individually:

·         margin.

·         border.

·         padding.

·         content.

·  Next, we will put the blocks into page, so we have to decor the position of each block:

·         Float: right, left…

·         Clear.

·  Positioning an elements:

·         By default, if we don’t declared a kind of positioning, the element will be styled with static.

·         Absolute positioning: means that the element will put into the space related to parent element.

·         Relative positioning: Position of element will be stick to the other relative element.

·         Fixed positioning: it always remains the fixed position in the page.