first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,17 @@
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}

View File

@@ -0,0 +1,9 @@
.left{
float: left;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}

View File

@@ -0,0 +1,74 @@
.title{
width: 1000px;
margin: 0 auto;
}
.title .logo{
width: 272px;
height: 88px;
margin-right: 20px;
}
.logo img{
width: 100%;
}
.content_top ul li{
display: inline-block;
color: #666;
cursor: pointer;
margin-right: 5px;
font-size: 13px;
}
.content{
width: 469px;
margin-top: 20px;
line-height: 26px;
}
.content_top{
float: left;
width: 100%;
}
.content_down{
border-color: #008EE1;
float: left;
width: 100%;
height: 32px;
}
.input_a{
display: inline-block;
width: 389px;
height: 36px;
}
.input_a input{
border: 1px solid #50c52a;
width: 100%;
height: 100%;
padding: 0px;
padding-left: 10px;
box-sizing: border-box;
}
.button_a{
display: inline-block;
margin-left: -6px;
}
.button_a button{
width: 80px;
height: 36px;
background: #008ee1;
color: #fff;
border: none;
}
.tubiao{
float: right;
margin-top: 40px;
color: red;
}
.tubiao ul{}
.tubiao ul li{
display: inline-block;
margin-left: 10px;
text-align: center;
}
.tubiao ul li i{}
.tubiao ul li p{
color: #1f4f88;
font-size: 15px;
}

View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3448711_fco15j41ft.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./中关村.css">
</head>
<body>
<div class="title hidden">
<div class="logo left">
<img src="https://icon.zol-img.com.cn/mainpage/2019logo/festival/2022duanwu-logo_2x.png">
</div>
<div class="content left">
<div class="content_top">
<ul>
<li>综合</li>
<li>产品</li>
<li>咨询</li>
<li>论坛</li>
<li>下载</li>
<li>问题</li>
<li>图片</li>
<li>视频</li>
<li>口碑</li>
</ul>
</div>
<div class="content_down">
<div class="input_a">
<input type="text" placeholder="789">
</div>
<div class="button_a">
<button>搜索</button>
</div>
</div>
</div>
<div class="tubiao">
<ul>
<li>
<i class="iconfont icon-apple-fill"></i>
<p>下载app</p>
</li>
<li>
<i class="iconfont icon-apple-fill"></i>
<p>下载app</p>
</li>
<li>
<i class="iconfont icon-apple-fill"></i>
<p>下载app</p>
</li>
</ul>
</div>
</div>
</body>
</html>