媒体查询书写顺序
因为只要是在CSS内，都有层叠性！！！！
拆分写的时候，写多个相同的时候需要注意！！！
min-width：从小到大
max-width：从大到小
回顾栅格系统
重要
css代码引入顺序不能搞错，只要错了就无法正常运行
栅格系统的原理也是利用媒体查询来完成的
如果没有设置在什么屏幕下占几行几份，浏览器会在默认情况下一个div占一行
bootstrap框架
导航条
全名三个字，一个字都不能少，在网站里面复制插件即可！
结构根据自己所做的项目要求做出微调
轮播图
Carousel单词简称，在框架网站里面，JS插件里面，找到单词
-
carousel-indicators:小圆点，索引器
-
carousel-inner：要轮播的图片
- active:代表第一个显示
- carousel-caption：图片说明名字
-
下面的a 代表：分页按钮
老师发的JS代码
一定要放在最后一行上加入！
最后一行！
注意
-
在使用bootrap ui框架的时候，是不需要和以前一样写 base.css 来样式的初始化。，因为人家已经做好了。所以我们不需要再重复弄了。
-
媒体查询+浮动，就是bootstrap 实现栅格系统的本质
-
只要是使用第三方的ui框架
- 90%代码人家写好
- 10%代码需要我们自己去重置去调试，调整成业务代码
核心意识
必须认真去对待调试！开发人员必须熟练的技术！！
关于响应式布局是否能用flex
- 一般的情况下，响应式布局的网站，不建议使用 flex！！！
- 因为响应式布局包含了pc端和移动端，pc端可能会存在低版本的浏览器，（ie，8，9，10）低版本的pc端的ie浏览器，会对css3的支持没有那么优化--从而导致flex无效
- 特别的情况，经理明确说明，不用管低版本的ie - 这种情况下就可以正常使用学习过的 css3的知识，过度，动画，flex！
JS/变量，数据类型
JS是什么？
- 是一种运行在客户端浏览器的编程语音，实现人机交互效果。
作用？（做什么）
- 网页特效（监听用户的一些行为让网页做出对应的反馈）
- 表单验证（针对表单数据的合法性进行判断）
- 数据交互（获取后台的数据，渲染到前端）
- 服务端编程（node。js）
组成部分
- ECMAScript：规定了js语法核心基础知识
- WEB APIS：相当于一个桥梁，通过桥梁去操作网页
- DOM 文档
- BOM 浏览器
- 注意 DOM属于 BOM！！！
书写位置
-
内部JS，script标签写在 上面，在script里面写需要的标签
-
外部JS：通过script标签，引入到html页面中
-
内联式JS：
注释符号。多行
结束符了解
结束符指的就是 分号 结尾！
JS输入输出语法
三种输出内容的方式
- document.write('要输出的内容')
- alert（‘要输出的内容’）
- console.log（‘控制台打印’）用的最多
输入写法
- prompt（‘请输入您的姓名’）
