CSS Box模型

Box Model:任意一个Block标签 = content + padding + background + border + margin

Margin + Background(Border +Padding +Content) 

 

HTML标签划分

1. Block标签-level element: (垂直排列)指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔. 常用的块级元素包括: p, h1~h6, div, ul等;

        address, blockquote, center, dir, div, dl, fieldset -form, h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframes, noscript, ol, p, pre, table, ul

2. Inline标签 element: (水平排列)指依附其他块级元素存在, 紧接于被联元素之间显示, 而不换行. 常用的内联元素包括: img, span, li, br等;

        a, acronym, b, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var

3. Top标签-level element: 包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.

http://hi.baidu.com/sonan/item/af05cf8759810d1cc31627d5