2015年11月27日 星期五

掌握DIV的位置:移動、位移及重疊


掌握DIV的位置:移動、位移及重疊:margin & relative position; z-index


充分利用DIV的特色,才有能力思考「DIV排版寫作」!

這次我們使用DIV中的 margin 功能,即兩個DIV之間的距離。
可以是加大也可以減縮。
再來是使用DIV或元素的位移功能。
利用位移,可以有更大的思考創意的開展。


影片中各式相關的DIV寫作技巧,我們已經都教了很多。各位同學可以多方查閱。下面我們列出幾個比較重要的,和這次有密切關係的。
基本DIV位置控制:靠左、置中、靠右、上移、下移。click here!
上下移動DIV的方法。click here!
超快速任意移動物件:position: relative。click here!
DIV + CSS 隨心所欲搞定網路排版寫作。click here!!


影音教學



DIV基本分解圖



細部詳細分解說明圖。

沒有留言:

張貼留言