第一次写html5+css3简单的小米官网继续加油

本文链接：https://blog.csdn.net/weixin_44424566/article/details/114935154

在这里插入图片描述

继续努力呀，变的更强
源码：

* {
   
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a {
   
    text-decoration: none;
}

body {
   
    background-color: #f5f5f5;
}

.clearfix:after {
   
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
   
    *zoom: 1
}

@font-face {
   
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?bhclri');
    src: url('fonts/icomoon.eot?bhclri#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?bhclri') format('truetype'),
        url('fonts/icomoon.woff?bhclri') format('woff'),
        url('fonts/icomoon.svg?bhclri#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

li {
   
    list-style: none;
}

.w {
   
    width: 1226px;
    margin: 0 auto;
}

.header {
   
    line-height: 40px;
    height: 40px;
    background-color: #333333;
}

.header {
   
    color: red;
    font-size: 14px;
}

.header span {
   
    margin: 0 5px;
}

.header a {
   
    display: inline-block;
    color: #caf2ff;
}

.login {
   
    float: right;
}

.shopcar {
   
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 40px;
    background-color: #424242;
}

.nav {
   
    overflow: hidden;
    height: 100px;
    background-color: #ffffff;
}

.nav .logo a {
   
    float: left;
    display: block;
    margin-top: 22px;
    width: 56px;
    height: 56px;
    background: url(./mi/images/logo.png) center;
}

.nav .gif {
   
    float: left;
    margin-top: 15px;
    margin-left: 14px;
    width: 125px;
    height: 63px;
    background: url(./mi/images/mifen.gif) no-repeat center;
}

.nav_list {
   
    float: left;
    margin-top: 28px;
    margin-left: 10px;
    text-align: center;
    width: 666px;
    height: 40px;