2016年9月1日 星期四

多欄位版面不再苦手!超圖解學會 CSS float 屬性


【e研快樂日語初級報】提供日文初學者實用生活日語,以及東京旅遊資訊,體驗日本文化並將所學用於生活中。 【人類智庫健康生活週報】提供中醫養生智慧,及最新、最實用的養生健康知識,和你一起呵護全家人的健康!
無法正常瀏覽圖片,請按這裡看說明   無法正常瀏覽內容,請按這裡線上閱讀
新聞  健康  財經  追星  NBA台灣  udn部落格  udnTV  讀書吧  
2016/09/02 第 584 期 |  訂閱/退訂  |  看歷史報份  |  
 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
帶著手札去旅行 + 新型無綁帶行李秤 (桃紅手札+紅色秤)
       
 

 
多欄位版面不再苦手!超圖解學會 CSS float 屬性

float 基本版面的構造

之前有提過, 未使用 float 的預設版面, 內容元素的區塊會依原始碼的順序, 由上而下縱向顯示。而設定了 float 的區塊, 則會跳脫預設的區塊配置方式, 由左而右浮動(float)排列。

製作二欄式版面

要製作最簡單的二欄式版面, 是在設定各欄的 width 後, 左欄設定「float: left;」, 右欄設定「float: right;」, 並在其後的元素上設定「clear: both;」解除 float 的效果。
請參照範例程式 2col.html 的標記順序製作二欄式版面。

二欄式版面的構造

設定各區塊的寬度及底色

首先設定各區塊的 width。為了讓區塊位置一目瞭然, 這裡先設定暫用底色。

這裡設定暫用底色, 若出現顯示結果錯位的時候, 可以很快找出問題。

.......﹝詳細內容


更多內容請見 《 HTML5•CSS3 最強圖解實戰講座 》

 
 
用五角大廈訓練法鍛練『抗壓力』:帶你走出逆境,發揮100%の實力

用五角大廈訓練法鍛練『抗壓力』:帶你走出逆境,發揮100%の實力

人生就是不斷做「選擇」!
「成功者」是提起勇氣,做出不同選擇的人
成功者選擇「面對」,所以艱苦、壓力、挫折
成功者選擇「前進」,因此超越、從容、成就
你是如何選擇的呢?
當遭遇逆境時,習慣「退縮」、「憤怒」、「放棄」,還是「忽略」?
或者,你會勇敢地選擇客觀接受、正面迎戰,熟練地專注目標、全心解決問題,並且能夠
迅速到達「顛峰表現」將能力發揮到極致呢?
選擇對抗恐懼,並非沒有恐懼 ──
即使訓練精良的狙擊手,面對「一發擊斃敵人」這種凶險任務,也坦承恐懼與壓力!



......... 更多內容 >>

   
Python 函式庫語法範例字典 Python 函式庫語法範例字典

Python 是近來非常熱門的程式語言, 原因之一就是具有豐富的標準函式庫及第三方套件可以使用, 用途涵蓋字串處理、數值計算、資料壓縮與● 依功能分類, 每個函式都以豐富範例實際演練用法 。  本書特色:
● 目錄上列有函式名稱與用途說明, 可依據名稱或是用途查詢● 可依字母順序快速查詢想使用的函式功能
● 本書嚴選的模組功能包括:
● 適用 Python 3 ● 本書嚴選的模組功能包括:
argparse/array/base64/beautifulsoup4/bisect/bz2/collections
 

  .........多內容 >>

 
 
有趣的擴增實境(AR)遊戲設計

近日由於手機遊戲「精靈寶可夢」Pokemon GO 的崛起,擴增實境(AR) 突然變成大家矚目的焦點,它其中一個最有趣的特點就是利用擴增實境(AR) 搭配GoogleMaps,而引起全球玩家狂熱追逐捕捉精靈。看來AR 是一種趨勢,而Unity 3D 也具備了設計製作這類小遊戲的功能,究竟如何讓虛擬的遊戲角色與現實世界互動呢?其實只需玩家利用自己手機和照片圖像嵌入Unity 3D,再搭配運用QualcommAR(QCAR) 開發程式技術即可完成!!

擴增實境(AR)

所謂的擴增實境(Augmented reality,簡稱 AR),是一種將真實世界與虛擬實物結合的技術,AR 突破了簡報、廣告與遊戲原本死板的影像播放情況,讓使用者能夠在真實世界中與虛擬物件互動,給予使用者截然不同一新耳目的互動方式,注入一股創新的泉源。

  1. 從攝影機擷取影像

  2. 在擷取的影像中,透過影像處理,搜索圖片裡的標記

  3. 依據相機位置與旋轉,算出影像在空間中的 3D 位置及旋轉

  4. 從標記中,辨識目標圖片

  5. 依照標記找出相對映的虛擬物件

  6. 位移及旋轉物件,並將物件一起畫到影像中

 

.......﹝詳細內容

 
 
更多內容請見 《 人氣遊戲這樣做! Unity3D 遊戲設計實例講堂 第二版) 》



 
 
旗 標 出 版 股 份 有 限 公 司
地址:100 台北市杭州南路一段15-1號19樓 電話: (02) 2396-3257
若您對內容有任何建議,歡迎您來信與我們分享 ! 聯絡我們
如果您對內容讚賞有加,希望能轉載,還請務必來信告知 ! 以便於處理。
  免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們
udnfamily : news | video | money | stars | health | reading | mobile | data | NBA TAIWAN | blog | shopping

沒有留言:

張貼留言