CSS的 行內元素 和 塊類元素

塊級元素

​	1.總是從新行開始
​	2.高度、行高、外邊距以及內邊距都可以控制
​	3.寬度預設是瀏覽器的100%
​	4.可以容納內聯元素以及其他塊元素

行內元素

​	1.和相鄰元素在一行上

​	2.高、寬無效，但是水平方向的padding和margin可以設置，垂直方向無效

​	3.預設寬度就是它本身內容的寬度

​	4.行內元素只能容納文本或其他行內元素（a除外）

​	註意：

​		1.只有文字才能組成段落，因此p裡面不能放置塊級元素，同理還有這些標簽h1-h6，dt等，它們都是文字塊級標簽，裡面不能放置其他塊級元素

​		2.鏈接裡面不能再放置鏈接

塊級元素和行內元素的區別

塊級元素的特點：
	1.總是從新行開始
	2.高度、行高、外邊距以及內邊距都可以控制
	3.寬度預設是瀏覽器的100%
	4.可以容納內聯元素以及其他塊元素
行內元素的特點：
	1.和相鄰行內元素在一行上
	2.高、寬無效，但是水平方向的padding和margin可以設置，垂直方向無效
	3.預設寬度就是它本身內容的寬度
	4.行內元素只能容納文本或其他行內元素（a除外）

行內塊標簽 inline-block

在行內元素中有幾個特殊的標簽--<img />、<input>、<td>，可以對他們設置寬高和對齊屬性，有些資料可能會稱它們為行內塊元素。
特點：
	1.和相鄰行內元素（行內部）在一行上，但是之間會有空白間隙
	2.，預設寬度是它本身內容的寬度
	3.高度、行高、外邊距以及內邊距都可以控制

標簽顯示模式轉換 display

塊轉行內：display:inline;
行內轉塊：display:block;
塊、行內元素轉換為行內塊：display:inline-block;