仿写php中文网移动端首页—2019年9月10日

利用Flex布局，仿写php中文网移动端首页

最终实现的运行图示如下：

作业总结：

1、在设置CSS过程中发现单独为某个div设置class=“themore”属性时，样式不起作用，后分析原因为：在其父级下所有的div 使用了.newbowen div 选择器，这个权重比单独为一个div设置class属性要高；

2、头部header和底部footer设置为fix固定定位，造成轮播图和底部的内容会陷入顶栏和底栏中，顶部轮播图可以通过设置margin-top>顶栏高度，或者为顶部和底部增加一个空的div把这个高度撑出来的方法解决；

3、了解了flex定位的特点，以及white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;文字超长截取的属性应用。

代码太长省略