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 的效果