css塊級元素與行內元素
行內元素與塊狀元素
1、塊級元素：可以設定 width, height屬性。
可以通過line-height設定行高（行高和height是不同的東西）。
2、塊級元素：可以設定margin和padding。
行內元素：水平方向margin和padding有效，豎直方向margin和padding無效。
3、塊級元素：預設獨佔用一行。預設高度為內部內容高度（沒有內容時就為0px），寬度為父容器的100%。
行內元素：與其他元素占用一行。
4、塊級元素：可以容納內聯元素和其他塊元素。
行內元素：只能容納文字或者其他內聯元素。
5、塊狀元素：能定義寬度、高度、邊距等
行內元素：與其他元素占用一行。
display屬性
1、塊元素預設display:block;
行內非替換元素(a,span)預設為display：inline;
行內替換元素(input)預設為display:inline-block;
2、display:none;不顯示該元素，也不會保留該元素原先占有的文件流位置。
display:block;轉換為塊級元素。
display:inline;轉換為行內元素。
display:inline-block;轉換為行內塊級元素。
float
當把行內元素設定完float:left/right後，該行內元素的display屬性會被賦予block值，且擁有浮動特性。
行內元素去除了之間的莫名空白。
float脫離文件流（與absolute和relative不同）：其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。
position
當為行內元素進行定位時，position:absolute與position:fixed.都會使得原先的行內元素變為塊級元素。
1.absolute：絕對定位，是相對於最近的且不是static定位的父元素（注：並不一定是relative）來定位。脫離文件流（不占用空間）
2.fixed：絕對定位，是相對於瀏覽器視窗來定位的，是固定的，不會跟螢幕一起滾動。脫離文件流（不占用空間）
3.relative：相對定位 - 相對自身的定位。注意：設定偏移後，不改變原占用的空間。 不脫離文件流（占用空間）
4.static：預設值，沒有定位。
5.inherit：繼承父元素的position值。
CSS塊級元素 行內元素 行內塊級元素
塊級元素 根據css規範的規定，每乙個網頁元素都有乙個display屬性，用於確定該元素的型別，每乙個元素都有預設的display屬性值，比如div元素，它的預設display屬性值為 block 成為塊級元素 display block 常見塊級元素 div p ul ol li 等 1 每個塊級...
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
行內元素與塊級元素
1.行內元素與塊級元素直觀上的區別 行內元素會在一條直線上排列，都是同一行的，水平方向排列 塊級元素各佔據一行，垂直方向排列。塊級元素從新行開始結束接著乙個斷行。2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。3.行內元素與塊級元素屬性的不同，主要是盒模型屬性上 行內元素設定wid...