5.10王者荣耀官网底部

今天先说页脚，中间内容明天细说

页脚

分为三部分，上面的logo区，左边文字和右边文字

首先也是background-image给个大背景，宽1200高300，距左边188，距顶部80，相对定位

Logo区：两个logo

转换成块级元素，清除浮动，高66，内边距距底部10px，外边距距底部12px，底部给条线border-bottom: 2px solid #d4d4d4;

logo1：宽285高64，左浮动，然后引入图片background-image: url("../img/spr.png"); ，因为这个logo就在图片左上角所以不用偏移

logo2：宽70高64，外边距margin: 0 300px;，引入图片background-image: url("../img/spr.png"); ，偏移background-position: -285px 0;

左边文字：也是分两块，上面一块和下面一排字

宽508px，字体大小12，字体颜色#666，左浮动居左，绝对定位

上面tips：文字颜色#6d6d6d，距右边22px；里面的p标签给他转换成行内样式

下面的intro：距顶部6px

右边文字：都是可以跳转的，是用无序列表写的，分三部分

宽682，转换为行内元素，右浮动

ul：宽640，字体大小12，去掉列表样式，相对定位，margin: 0;

a：字体颜色#646467，去除a标签默认下划线text-decoration: none;

第一部分：光标变小手

第二部分：分两块，左边文字和右边文字

右边文字：右浮动，内边距距顶部6px，行高20

左边文字：字体颜色#646467，字体大小10

第三部分：分两块，左边有个小图标，右边是文字

图标：距右边3，转换为行内元素，相对容器中分线对齐vertical-align: middle;