學習筆記1－－響應式網頁＋Bootstrap起步＋全局CSS樣式

一.學習以前要了解一些背景知識：

　　在2g時代，3g時代，4g時代，早期的網頁瀏覽設備，功能機，智能機.(本人最喜歡的透明肌，和古典黑莓機)

1.什麼是響應式網頁？

　　Responsive Web Page，一個網頁，能夠根據瀏覽設備的不一樣，而自動更改佈局、圖片，文字效果，不會影響用戶的瀏覽體驗。
　　響應式網頁的構成:
　　(1)佈局：不能固定寬度，必須是流式
　　(2)文字和圖片大小隨着容器大小而改變
　　(3)CSS3 Media Query
2.如何測試響應式網頁？

（1）使用真實的物理設備來測試Android，ios，
　　優點：測試效果然實可靠
　　不足：測試任務量太大
（2）使用設備模擬軟件來實現
　　優點：快速，不須要準備大量的物理設備
　　不足：測試結果有待進一步驗證
（3）使用Chrome自帶的設備模擬器
　　優點：簡單直觀，功能比較豐富
　　不足：測試結果有待進一步驗證
3.如何編寫響應式網頁？--重重點

 

二.Bootstrap的相關介紹：（粘一段百度文檔）

　　Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。 它由Twitter的設計師Mark Otto和Jacob Thornton合做開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。 國內一些移動開發者較爲熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來 

 

　收藏的網站：

（Bootstrap中文網）http://www.bootcss.com

（網站開發手冊）http://w3schools.bootcss.com/default.html