什麼叫行內元素？
常見的span、a、lable、strong、b等html標籤都是行內元素
什麼叫塊級元素？
常見的div、p、li、h1、h2、h3、h4等html標籤都是塊級元素
行內元素有：
a, span, label, strong, em, br, img, input, select, textarea, cite,
塊級元素：
div, h1~h6, p, form, ul, li, ol, dl, address, hr, menu, table, fieldset
（行內元素）內聯元素(inline element)
塊元素(block element)
可變元素
可變元素為根據上下文語境決定該元素為塊元素或者行內元素。
button - 按鈕
del - 刪除文字
iframe - inline frame
ins - 插入的文字
map - 區塊(map)
object - object物件
script - 客戶端指令碼
區別：塊級元素會獨佔一行，其寬度自動填滿其父元素寬度
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，知道一行排不下，才會換行，其寬度隨元素的內容而變化
塊級元素可以設定 width, height屬性，【注意：塊級元素即使設定了寬度，仍然是獨佔一行的】
行內元素設定width, height無效;
塊級元素可以設定margin 和 padding.
行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。（水平方向有效，豎直方向無效）
display：inline 行內元素/內聯元素
display:block 塊級元素
display:inline-block 設定成行內塊級元素。
行內塊級元素:和其他元素同一行（行內元素特點），可以設定元素的寬高等（塊級元素特點）；這樣的元素有img input；它們為行內元素，但可以改變寬和高；但我在我印象中，貌似沒有預設樣式是inline-block的元素。
css設定塊級元素的
- 水平居中
div p /*塊級元素p一定要設定寬度， 才能相當於div父容器水平居中*/
- 垂直居中
div /*div父容器設定寬度*/ div p /*塊級元素p也可以加個寬度， 以達到相對於div父容器的水平居中效果*/
在以後的實際專案中，塊級元素的垂直居中布局方式可能會碰到比這個更複雜, 會嘗試用inline-block去解決問題，希望後續多多關注；另外推薦各位一本書肖志華《css核心技術詳解》在標準文件流裡面，塊級元素具有以下特點：
① 總是在新行上開始，佔據一整行；
② 高度，行高以及外邊距和內邊距都可控制；
③ 寬頻始終是與瀏覽器寬度一樣，與內容無關；
④ 它可以容納內聯元素和其他塊元素。
① 和其他元素都在一行上；
② 高，行高及外邊距和內邊距部分可改變；
③ 寬度只與內容有關；
④ 行內元素只能容納文字或者其他行內元素。
不可以設定寬高，其寬度隨著內容增加，高度隨字型大小而改變，內聯元素可以設定外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設定內邊界，但是內邊界在ie6中不對上下起作用，只能對左右起作用
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
行內元素 塊級元素和行內塊元素
a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...
塊級元素 行內元素和行內塊元素
每個塊元素通常都會獨自佔據一整行或多整行，可以對其設定寬度 高度 對齊等屬性，常用於網頁布局和網頁結構的搭建。行內元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效，但水平方向的padding和margin可以設定，垂直方向的無效。3 預設寬度就是它本身內容的寬度。4 行內元素只能容納文字或則其...