數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

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基本分解圖



細部詳細分解說明圖。