1、塊元素的特徵
1>預設獨佔一行
2>沒有寬度時預設撐滿一行
3>支援所有的css命令
2、內嵌的特徵
1>同排可以繼續跟同類的標籤
2>內容撐滿寬高
3>不支援高度
4>不支援上下的margin
5>**換行被解析
3、塊元素和內嵌的轉換
display:block顯示為塊元素（使內聯元素具備塊元素的特徵）
display:inline顯示為內聯元素（使塊元素具備內聯元素的特徵）
*display是將標籤轉換為頁面中顯示的型別，不會改變標籤的本質
4、float
1>文件流：文件中可顯示物件在同列時所占用的位置
2>浮動的定義：使元素脫離文件流，按指定方向發生移動，遇到父級邊界或者相鄰的浮動元素停了下來
3>float的特徵
1-塊在一排顯示
2-內聯支援寬高
3-預設內容撐開寬高
4-脫離文件流
5-提公升層級半層
4>清除浮動
1-加寬高（擴充套件性不好）
2-給父級加浮動（頁面中所以元素都加浮動，margin左右失效）
3-inline-block清浮動（margin左右auto失效）
4-空標籤清浮動（ie6最小高度19px）
5-br清浮動（不符合工作中結構、樣式、行為三者分離要求）
6-after偽類清浮動 after
7-overflow：hidden清浮動（需配合寬高或者zoom相容ie6、ie7)
CSS內嵌元素和塊元素的區別
舉例 請把下面二行 放進body標籤裡 div1 div1 瀏覽器的呈現效果 div1 div1 這二個div佔據了二行空間，叫做塊級元素 block 再把下面二行 也放進body標籤裡 span1 span2 瀏覽器的呈現效果 span1 span1 這兩個span並列在一行，叫做內聯元素 inl...
HTML學習總結（3） 塊元素，內嵌元素
html學習總結 3 塊元素，內嵌元素 塊特徵 霸道 獨佔一行 預設 豐滿 未設定寬時，撐滿一排 預設 和善 支援所有css 內嵌 內聯，行內 友情 一排可跟同類標籤 包容 內容撐開寬高 獨特 不支援寬高，上下margin，padding，換行被解析 inline block 特徵 塊一行顯示 行內...
前端 HTML 塊元素 行內元素 浮動，定位
1.9 塊狀元素和內聯元素的區別 a 塊狀元素單獨成行吧，不用其他元素一起在一行，內聯元素可以多個併排在一行 b 塊狀元素內可以有子元素，內聯元素不能包括子元素 c 塊狀元素可以設定寬高，內聯元素不能設定寬高 d 塊狀元素和內聯元素可以通過display屬性進行互相轉換 display inline...