掌握DIV的位置:移動、位移及重疊:margin & relative position; z-index
充分利用DIV的特色,才有能力思考「DIV排版寫作」!
這次我們使用DIV中的 margin 功能,即兩個DIV之間的距離。
可以是加大也可以減縮。
再來是使用DIV或元素的位移功能。
利用位移,可以有更大的思考創意的開展。
可以是加大也可以減縮。
再來是使用DIV或元素的位移功能。
利用位移,可以有更大的思考創意的開展。
影片中各式相關的DIV寫作技巧,我們已經都教了很多。各位同學可以多方查閱。下面我們列出幾個比較重要的,和這次有密切關係的。
基本DIV位置控制:靠左、置中、靠右、上移、下移。click here!
上下移動DIV的方法。click here!
超快速任意移動物件:position: relative。click here!
DIV + CSS 隨心所欲搞定網路排版寫作。click here!!
基本DIV位置控制:靠左、置中、靠右、上移、下移。click here!
上下移動DIV的方法。click here!
超快速任意移動物件:position: relative。click here!
DIV + CSS 隨心所欲搞定網路排版寫作。click here!!
影音教學
DIV基本分解圖
細部詳細分解說明圖。