网页（小米商城）头部编写

准备：提前下载好iconfont图标(f放在css中)，建立好css、images、js、index.html

其次在html中进行引入 。例如

    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">

1、引入reset.css

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{margin: 0;padding: 0;}
body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
ul,ol,li{ list-style: none;}
a{text-decoration: none;color: #333;}
input,button,img{border: none;vertical-align: middle;}

2、用<div class="header">标签包含整个头部

3、用ul>li*n>a[herf="#"]快捷方式创建两个无序列表

3.5、引入iconfont图标

例如：

<i class="iconfont">&#xe655;</i>

具体操作流程为：先在阿里巴巴iconfont中下载图标然后解压文件全部引入到创建的css文件夹中，

用浏览器打开下载的demo_index.html，复制粘贴自己需要的图标代码。

4、总体采用两个<div>，一个是1中提到的带有.header样式的，第二个是包括所有文本的.wrap的<div>

5、用css样式实现居中(.wrap)：

（1）、设置宽度

（2）、margin：0 auto;

6、在ul上添加左右浮动的样式

7、改变文本颜色

8、添加hover