学习笔记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