完成banner图片的设置：背景图片的设置，背景虚化等效果。首页和页脚固定，中间内容滑动布局。overflow-y使用竖条，横条控件使用浮动布局，图文混合排列flex布局。flex语法对CSS代码规范有一个大致的了解。CSS编码规范解决的问题。以前一直以为只有块级元素才可以用盒模型，行内元素也可以用，可以用来画竖条，垂直居中等，中间页不能滑动的问题是因为中间页没有独立于固定位置的页面，使得固定位置的元素覆盖了它的内容，滚动条就无法出现。可以考虑使用相对定位，让中间内容独立缩放和扩展页面。如果页面小于内容，内容溢出，页面太大，显示页面将不再展开。您可以考虑使用min-width并为父容器设置width:100%。还是一头雾水flex布局还是没有完全理解，flex:1,inline-flex是一知半解，考虑在以后的学习中不断提高理解。rem是如何实现自适应的呢？rem是相对于根元素字体大小的单位。根元素的字体大小能否随页面自适应？vw和vh的应用有点麻烦。nginx网页可以通过电脑访问，但是不能通过手机访问。开发步骤是html骨架构建，headermainfooterhtml细节构建，以及每个元素的位置，是否垂直/水平居中，水平条。对于垂直条，考虑使用什么标签，或设置父容器。语义标签要优先考虑，类命名也要通俗易懂、专业。CSS整体构建，去掉元素自带的样式，设置根元素的字体大小，css细节构建了解浮动的影响，浮动有利于图文混合排列，但会破坏文档流动。理解定位的作用，优势大于浮动，不会打断文档流，可以在元素上覆盖或被覆盖。定位主要是位置距离没有控制好。了解flex布局，flex布局有利于弹性变化，有利于连续排列，暂时没发现缺点
