1.响应式
根据屏幕宽度的不同，展现不同的效果
2.媒体查询
1.作用：根据屏幕宽度不同，设置不同的css样式，实现差异化的效果 2.语法 @media
3.媒体特性 1. min-width（从小到大）2. max-width（从大到小）
4.逻辑词 一般用and （only not相对少）
三、BootStrap 基于媒体查询封装好的UI框架，可以快速开发响应式网站
优点：基于框架开发，效率高，稳定性好
1.全局css样式（修改，不要直接改类名css属性，自己新建类名）
1.版心：container，container-fluid，配合row 2.栅格系统：原理：利用媒体查询，配合浮动和百分比布局 a 把页面分成12份，根据屏幕大小布局 3.按钮 a.（a input boutton） button(建议使用) b. 预定样式 1.颜色状态 2.尺寸 btn-lg 3.禁用 (a标签中使用.disabled类 button使用disabled属性 ) 4.表格 a 类名放置在table标签上 b 状态类，放置在行，单元格tr，td，th上 5.表单 a 内联示例 b
2.组件
1.字体图标，建议还是使用iconfont 2.路径导航(面包屑) 3.导航条 在小屏，有交互效果,开始引入使用jq,bootstrap.js
