HELP 工具箱

0.如何使用Google搜尋

學會這 10 招，讓你輕鬆成為真正 Google 搜索達人！

1.教學/辭典手冊( 含 HTML/CSS/Javascript/JQuery/Bootstrap 教學 )

參考網站(英文)：https://www.w3schools.com/

參考網站(中文)：http://www.w3school.com.cn/html5/index.asp

參考網站 ：學習CSS版面配置
參考網站 ：Wibibi網頁設計教學百科

2.推薦書籍

HTML&CSS：網站設計建置優化之道

3.解決網頁排版問題

3-0.第一支載入的CSS，使用reset.css 還是 normalize.css ?

兩者都是歸零的作用。在寫入自己的CSS之前，先載入一支歸零用的CSS，是為了要讓網頁在一開始，就在所有瀏覽器都長得一模一樣，大幅減少因為各瀏覽器樣式的差異而造成網頁切版時疲於針對各瀏覽器各別調整的問題。reset 和 Normalize詳細的差異請參考以下文件：

參考說明：網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (1) by The Will Will Web部落格

3-1 CSS定位(影響元素的位置)

可google的關鍵字：position屬性、float浮動、clear清除浮動

參考網站：學習CSS版面配置

參考網站：10步掌握CSS定位: position static relative absolute float

3-2 CSS盒模型(影響元素的寬高尺寸)

可google的關鍵字：CSS盒模型、CSS Box Model

參考網頁：The Magic of CSS
參考網頁：https://www.w3schools.com/css/css_boxmodel.asp
參考blog：Mr.Song's BLOG

3-3 元素以哪一種CSS特性顯示自己(影響元素是獨占寬度或是與其他元素接連並排)

可google的關鍵字： display屬性

參考網站：The Magic of CSS

4.假文/假圖產生器

假中 ：http://www.richyli.com/tool/loremipsum/wordcount.asp

假英 ：http://www.lipsum.com/

假圖 ：http://lorempixel.com/

5.如何加入有文字特性的小圖示?

參考教學影片：可靈活運用的 Web Icon: Fontawesome
( 由六角學院王志誠老師錄製 )

受歡迎的 icon font 網站 http://fontawesome.io/

從第三方載入 fontawesome的CSS檔，其CDN網址如下 ：
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

什麼是CDN?

參考說明：史丹利愛碎念