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

總結

以上是生活随笔為你收集整理的CSS Box模型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。