首页 前端知识 Html-小米官网头部

Html-小米官网头部

2024-07-29 00:07:26 前端知识 前端哥 742 67 我要收藏

推荐

手机

电视

笔记本

智能

家电

全部

推荐

手机

电视

笔记本

智能

家电

生活周边

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页】前端大厂面试题宝典

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14468.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!