育將電腦工作室 - 線上書籍

網頁設計與雲端應用
=========

1. CSS position 属性[<span class="fa fa-external-link" style="color:rgb(0, 0, 0);"></span>](http://www.w3school.com.cn/cssref/pr_class_position.asp)  
   position:static「靜態」這是網頁的預設值。沒有定位，元素出現在正常的流中（忽略top, bottom, left, right 或者z-index 聲明）。  
   position:relative 「相對」指的是相對於其正常位置進行定位，可用 top、bottom、left、right來調整該元素位置。  
   position:absolute「絕對」相對於static 定位以外的第一個父元素進行定位。脫離資訊流，一樣可用top、bottom、left、right來調整該元素位置。position:absolute搭配z-index，可以將元素進行上下排列。一般而言，z-index預設值為0。  
   position:fixed 「固定」相對於瀏覽器窗口進行定位。脫離資訊流，一樣可用top、bottom、left、right來調整該元素位置。不管視窗如何捲動，永遠保持在固定位置（可用來做浮動視窗）。  
   position:inherit 規定應該從父元素繼承position 屬性的值。  
   這裡有一篇文章：[請參考](http://zh-tw.learnlayout.com/position.html)  
   [html實體名稱](http://www.w3school.com.cn/tags/html_ref_entities.html)  
   範例 [6-2.html](http://tncomu10601.ugm.com.tw/6-2.html) [6-3.html](http://tncomu10601.ugm.com.tw/6-3.html)
2. QR CODE   
   [QR CODE 說明](https://zh.wikipedia.org/wiki/QR%E7%A2%BC)  
   [線上產生器](http://qr.calm9.com/tw/)  
   [範例 6-1.html](http://tncomu10601.ugm.com.tw/6-1.html)
3. Google AutoDraw  
   [說明](https://www.blog.google/topics/machine-learning/fast-drawing-everyone/)  
   [網站](https://www.autodraw.com/)

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown