如果乙個line box裡沒有文字、保留的空格、非0的margin或padding或border的inline元素、或其他in-flow內容（比如、inline-block或inline-table元素），且不以保留的換行符結束的話，就會被視作高度為0的line box。
font-size 相同，font-family 不同，得到的 span 元素的高度也不同：
em_square： 字模的高度被稱為「em」，起源於大寫的字元「m」的寬度；這個字母的比例被做成了方形（因此有了「em square」的稱呼）
子元素的字型大小單位若為em，則是相對于父元素的字型大小來計算的。
元素除了字型大小以外的其他屬性用到了em單位，則是相對於自身字型大小計算的
每行內容由多個內聯元素組成（內聯標籤或者是包含文字的匿名內聯元素），每一行都叫做乙個 line-box。line-box 的高度是由它所有子元素的高度計算得出的。瀏覽器會計算這一行裡每個子元素的高度，再得出 line-box 的高度（具體來說就是從子元素的最高點到最低點的高度），所以預設情況下，乙個 line-box 總是有足夠的高度來容納它的子元素。
每個 html 元素實際上都是由多個 line-box 的容器，如果你知道每個 line-box 的高度，那麼你就知道了整個元素的高度。
line-box 計算的一些細節：
對於內聯元素，padding 和 border 會增大 background 區域，但是不會增大 content-area（不是 line-box 的高度）。一般來說你無法再螢幕上看到 content-area。margin-top 和 margin-bottom 對兩者都沒有影響。
對於可替換內聯元素（replaced inline elements）、inline-block 元素和 blockified 內聯元素，padding、margin 和 border 會增大 height（譯者注：注意 margin），因此會影響 content-area 和 line-box 的高度
vertical-align：baseline，表示與字型中 x的下邊緣 對齊
vertical-align：middle，表示與字型中 x的下邊緣+ x高度的一半 對齊
vertical-align: top / bottom，表示與 line-box 的頂部或底部對齊
vertical-align: text-top / text-bottom，表示與 content-area 的頂部或底部對齊
「幽靈空白節點」實際上也是乙個盒子，不過是個假想盒，名叫「strut」，中文直譯為「支柱」，是乙個存在於每個「行框盒子」前面，同時具有該元素的字型和行高屬性的0寬度的內聯盒。
這裡有乙個前提，文件宣告必須是html5文件宣告，如果還是很多年前的老宣告，則不存在「幽靈空白節點」
IFC學習筆記一
ifcobject是各個建築概念類的基類，下面派生了七個子基類 1 ifcproduct 物理上存在的物件 比如牆 梁 柱等 2 ifcprocesses 流程 3 ifccontrols 指南 規範等 4 ifcresources 資源 5 ifcactors 人 6 ifcproject 工程 ...
css學習筆記（二）
13，編寫頭部的css 因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法，所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css 1 開啟記事本，在記事本中輸入如下一段普通的html 然後將 檔案以副檔名.html的形式儲存 例項 在html檔案的頭部應用內部樣式表方法新...
CSS學習筆記二
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...