Html-小米官网头部

推荐

手机

电视

笔记本

智能

家电

全部

推荐

手机

电视

笔记本

智能

家电

生活周边

mistyle.css

• {

margin: 0;

padding: 0;

box-sizing: border-box;

}

.header {

width: 100%;

height: 74px;

background-color: #f2f2f2;

display: flex;

flex-direction: column;

}

.header .headerTop {

background-color: #f2f2f2;

position: relative;

z-index: 1000;

width: 100%;

height: 44px;

display: flex;

align-items: center;

}

.header > .headerTop > .logo {

width: 50px;

height: 44px;

background-image: url(“…/imag/milogo.png”);

background-position: center center;

background-size: 25px auto;

background-repeat: no-repeat;

}

.header .headerTop .searchInput {

height: 33px;

flex: 1;

display: flex;

justify-content: flex-start;

align-items: center;

border-radius: 2px;

border: 1px solid #e5e5e5;

background-color: #fff;

}

.header .headerTop .searchInput .icon {

background-position: center center;

width: 31px;

background-size: 15px auto;

height: 31px;

background-image: url(“…/imag/search.png”);

background-repeat: no-repeat;

}

.header .headerTop .searchInput .inputcontent {

flex: 1;

display: flex;

font-size: 12px;

font-family: “宋体”;

}

.header .headerTop .searchInput .inputcontent input {

flex: 1;

border: none;

outline: none;

text-decoration: none;

}

.header > .headerTop > .headerUser {

background-repeat: no-repeat;

width: 50px;

background-size: 25px auto;

height: 44px;

background-image: url(“…/imag/yonghu.png”);

background-position: center center;

}

.header .headerNav {

margin-top: 2px;

display: flex;

justify-content: space-around;

align-items: center;

}

.header .headerNav a {

text-decoration: none;

font-size: 12px;

color: rgb(116, 116, 116);

align-self: stretch;

padding-top: 2px;

}

.header .headerNav a .active {

color: rgb(237, 91, 0);

border-bottom: 2px solid rgb(237, 91, 0);

}

.header .headerNav a:hover {

text-decoration: underline;

}

.header .headerNav .xhicon {

transition: transfrom 0.8s;

z-index: 20;

position: relative;

width: 20px;

height: 20px;

background-image: url(“…/imag/jiantouxia.png”);

background-size: 18px auto;

background-repeat: no-repeat;

background-position: center center;

}

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。