5.1.A：方塊模型初級理解 5.1.B：方塊模型置中處理(水平對齊.margin) 5.1.C：方塊模型圓角與陰影 5.1.D：方塊模型使用圖檔作為框線來源 5.2.A：方塊對齊機制 inline-block 5.2.B：方塊對齊機制 外部方塊整合排版 5.2.C：方塊對齊機制 內部靠上對齊 vertical-align 5.2.D：方塊對齊機制 內部靠上對齊 float 5.2.E：方塊對齊機制 外部框線補齊 overflow 5.3.A：位置探討 正常流向 margin調整移動的位置 5.3.B：位置探討 正常流向 z-index搭配position調整圖層 5.3.C：位置探討 一般排版 垂直朝上對齊 分三欄 5.3.D：位置探討 position relative調整單一方塊移動效果 5.3.E：位置探討 position absolute調整全部方塊移動效果 5.3.F：位置探討 position fixed增加一個類似按鈕方塊功能 5.4.A：討論不同 overflow效果 5.4.B：圓形大頭貼產生方式 5.4.C：討論visibility搭配hover效果