塊級元素
? 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;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/41356.html
標籤：Html/Css
上一篇：CSS選擇器