塊級元素
根據css規範的規定，每乙個網頁元素都有乙個display屬性，用於確定該元素的型別，每乙個元素都有預設的display屬性值，比如div元素，它的預設display屬性值為「block」，成為塊級元素
display
: block;
1、每個塊級元素都是獨自佔一行，其後的元素也只能另起一行，並不能兩個元素共用一行。
2、元素的高度、寬度、行高和頂底邊距都是可以自行設定的，以此來對大小進行設定。
3、如果元素的寬度不進行設定的話會預設是父元素的寬度。
4、支援全部的樣式
行內元素
因為文件流是從左到右，上到下的顯示，行內元素它的所有子元素會在一行顯示，如果所有子元素的寬度超過了其父容器的寬度，則會自動換到下一行.
display
: inline;
1、行內元素不會獨佔一行，只會占領自身寬高所需要的空間；
2、給行內元素設定寬高不會起作用，margin 值只對左右起作用，padding 值也只對左右起作用；
3、行內元素一般不可以包含塊級元素，只能包含行內元素和文字；
行內元素相較於inline-block元素和塊級元素最大的區別點是，行內元素不能設定寬高，行高（line-height），margin-top和margin-bottom設定對於行內元素也是無效的。
行內塊級元素
inline-block可以讓元素具有塊級元素和行內元素的特性：既可以設定長寬，可以讓padding和margin生效，也可以和其他行內元素併排。
display：inline-block；2、寬高由在裡面的內容決定
3、如果**換行的話，盒子之間會產生間距
4、子元素是內聯元素，父元素可以用text-align屬性設定子元素水平對方方式
在換行後會有間隙，可以設定父元素的font-size:0px取消間隙，然後再分別設定各個子元素的font-size數值將內容恢復正常。
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...
CSS中 塊級元素 行內元素 行內塊元素區別
元素是文件結構的基礎，在 css 裡面，每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的，有佔據一整行的，有水平乙個挨著乙個的。比如 div 與 span 的顯示方式不一樣，因為 div是塊級元素，會佔據一行，而span為行內元素，可多個span放置一行。接下來就詳...