display:元素的顯示方式
black:塊元素
inline-block:行內塊元素（內聯塊元素）
none:無（隱藏）,不單單是視覺上的，頁面布局中也徹底消失，不佔位置
塊元素：獨佔一行，可以設定寬高以及內外邊距。
行元素：只佔內容大小的區域，不可以設定寬高和內外邊距。
塊元素具備盒模型的屬性。
行元素不具備盒模型的屬性。
消除inline-block導致的元素間隔的方法：
方法1：刪除標籤之間的空格和換行
缺點：**可讀性差
方法2：將父元素的字型大小設定為0px
缺點：通過繼承性，也會影響自身的字型大小；同時可能導致布局混亂（em之類參考父元素字型的值無法使用）
方法3：給父級（-6px）和自身（0px）設定詞間距或字母間距
缺點：需要給每乙個元素設定，計較繁瑣
方法4：刪除掉閉合標籤（不推薦使用）
.bt
body
HTML 頁面布局
2.10頁面布局概述 頁面布局概述 1 table布局 通過table元素將頁面空間劃分成若干個單元格，將文字或等元素放入單元格中，隱藏 的邊框，從而實現布局。這種布局方式也叫傳統布局，目前主要使用在edm 廣告郵件中的頁面 中，主流的布局方式不用這種。2 html css布局 div css 主要...
HTML 頁面布局
一 盒子模型 整體的寬 margin left right padding left right border content 整體的高 margin top bottom padding top bottom border content 二 頁面布局 1 標準流 按照原先格式排版塊兒元素等一些格...
html頁面布局 定位
相對定位 1 相對的是自身原有的位置 2 相對定位移動後，會保留原有位置 可以使用定位占用，但普通寫法時，無法占用 3 不會影響文件流 position relative 開啟該元素的定位 具體的位置 left top 父級 main 子級 box絕對定位 1 脫離當前文件流，使元素 飄 起來，父級...