Page layout of DIV+CSS box model

　　Div+css

　　　　1.div is a tag in HTML, a block-level function of the label, you can set the block-level elements and height. CSS is the style setting for this block-level element. box model, the image of the understanding of a box in the page, this is the writing style, you can put the box in a certain position, and to set a certain style of the box.

2. Take a look at the code below.

Html:

　　　　　　

　　　　　　　　Css:

　　　　　　　　

　　Effects in the browser:

　　Box model, the width height is the contents (content) border (border) margin (margin) margins (pandding).

The box in the combination of CSS can be very quick to make a page to achieve the kind of effect. The same is true for typography.

　　　　　　A demo based on the above

　　

　　　　

Page layout of DIV+CSS box model