实现的事
- bananer图的设置：背景图片的设置，背景的模糊化和其余成果
- 页首页脚固定，两头内容滑动的布局。overflow-y的应用
- 竖杠，横杠的管制
- 利用float布局图文混排
- flex布局的应用。flex语法
- 大体理解了下css代码标准css编码标准
解决的问题
- 以前始终认为只有块级元素能力应用盒子模型，其履行内元素也能够，能够用来画竖杠，垂直居中等等。
- 两头页面无奈滑动的问题，是因为两头页面未独立于固定定位的页面，使固定定位的元素笼罩了其内容，无奈呈现滚动条。能够思考应用绝对定位使两头内容独立进去
- 缩放扩大页面，页面小于内容，内容溢出，页面过大，显示页面不再扩张，能够思考给父容器应用min-width和设置width：100%
仍有的困惑
- flex布局仍未理解透彻，flex:1,inline-flex只知其一;不知其二，思考在当前的学习中一直提高认识。
- rem是怎么实现自适应的，rem是绝对根元素字体大小的单位，根元素字体大小能够随页面自适应吗？
- vw,vh的利用有些麻烦
- nginx网页能够通过电脑拜访，但不能通过手机拜访了，以前还行
开发步骤
- html骨架构建，header main footer
- html细节构建，思考各元素的地位，是否垂直/程度居中，横杠竖杠，思考用什么标签实现，还是套个父容器。该当优先思考带有语义化的标签，class命名也也要易懂，业余。
- css整体构建，去除元素自带的款式，设置好根元素的字体大小，
css细节构建
- 理解浮动的影响，浮动有利于图文混排，然而会毁坏文档流
- 理解定位的作用，劣势大于浮动，不会毁坏文档流，能够笼罩或被笼罩在元素上。定位次要是地位间隔不太好管制。
- 理解flex布局，flex布局有利于弹性变动，有利于一行排列，毛病暂且没发现