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

猜你喜欢

转载自www.cnblogs.com/lsxs-wy/p/6871933.html
今日推荐