5.6 整体分析王者荣耀官网

1.整体看一下，background-image先给一个底部大背景，background-position-y留出页眉位置

2.页眉

分左右两块，左边两个图片，右边两个文字，flex布局，给一个对齐justify-content: space-between;

3.导航

一级导航：分三块，左边是一个logo，右边是登录，中间导航ul li

二级导航：鼠标移入对应li显示，鼠标移出隐藏，slide up和slide down

4.核心

主要分三块内容，轮播图，公告栏，右边三个图片

轮播图，可以先写下面的导航先放一张图片，鼠标滑动对应内容切换相应的图片，for循环

公告栏， tab卡切换，点击上面切换对应内容

右边三张图片上下排列，平分高度

右侧悬浮两个小图标，给个定位

5.专区

弹性布局，平均分四块

6.右侧悬浮，五个部分，给定位