赶集网仿造2

最新推荐文章于 2023-05-13 19:38:18 发布

是数学系的小孩儿

最新推荐文章于 2023-05-13 19:38:18 发布

阅读量168

点赞数

分类专栏：前端学习记录文章标签： html5 html qt

本文链接：https://blog.csdn.net/qq_51082388/article/details/120104347

版权

前端学习记录专栏收录该内容

31 篇文章 0 订阅

订阅专栏

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>赶集网，寻你所想</title>
		<link rel="stylesheet" href="../css/index.css">
		
		<link rel="icon"  href="/favicon.ico">
		<base href="http://www.baidu.com">
		<base target="_blank">
	</head>
	<body>
		<!--头部信息-->
		<div id="headMessage class="layer">
		<ul class="fl">
				<a><span>泰安赶集网</span></a>
				<span></span>
				<a href="http://tianqi.moji.com/?gj_other_uuid=8872080225639691188135&gj_other_ifid=from_ganji&gj_other_city_id=12&gj_other_gc_1=all_cate&gj_other_ca_n=-&gj_other_ca_s=self&gj_other_ca_i=-">天气变化</a>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;</span>
		<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<a href="https://passport.ganji.com/login.php?next=/">登录/</a>
				<a href="https://passport.ganji.com/register.php?next=/">注册</a>
			
			<span class="iconfont">&#xe607;</span>
				<a href="#">个人中心</a>
				
			
			
				<a href="#"><span class="iconfont">&#xe607;</span>手机上赶集</a>
			
			
			
			<a href="#">帮助中心</a>
			<span></span>
			
			
			
			<a href="#"class="login">手机上导航</a>
			
		</ul>
		
		
		</div>
		
		
		<!--头部广告-->
		<div id="headAd">
			<div class="layer clearfix">
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				<span>&nbsp;</span>
				<span>&nbsp;</span>
				<span>&nbsp;</span>
				<span>&nbsp;</span>
				<span>&nbsp;</span>
				<span>&nbsp;</span>
				<font color="red"class="fl">用户您好，因赶集网网站及无线站点升级，可能会对您的权益产生影响，还请您务必详细查阅升级公告</font>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		
				<a href="https://helps.58.com/rules/detail?siteId=5502&terminal=M&contentId=304656&sourceType=gjwm-*-*-*&spReturn=1"><font color="red">升级广告，查看全文-></font></a>
				</div>
			</div>
		
		
		
		
				<!--头部搜索-->
		
		<div id="headSearch">
			<div class="clearfix layer">
				<h1><a href="#"><img  src="/gamjiwamgshangwangkuai.png" alt="赶集网"></a></h1>
				<div class="search">
					<ul class="searchTab clearfix">
						<li></li>
					</ul>
					<div class="searchContant clearfix">
						<form action="#">
							<div class="searchBox fl">
								<input type="text">
								<div class="placeholder">
									<i class="iconfont">&#xe615;</i>
									<span>搜索房子/工作/二手物品</span>
									</div>
								</div>
								<div class="btn fl">
									<button type="submit"></button>
						</form>
						</div>
						<div class="hotKey">
						<a href="#">高薪工作</a>
						<a href="#">二手好车</a>
						<a href="#">赶集APP</a>
						<a href="#">特价房源</a>
						<a href="#">小本创业</a>
								</div>
							</div>
					</div>
				</div>
				
				
				
				
				</div>
			</div>

		<!--首屏内容-->
		
		<div id="firstScreen">
		
		</div>
		
		
		
		<!--赶集招标，生活助手，应用中心-->
		<div id="layer">
		</div>
		
		
		<!--最下边-->
		
		<div id="finally">
		</div>
		
		
	</body>
</html>

index

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.ttf?t=1630593103625') format('truetype');
           }
@import 'reset.css';
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*头部信息*/
#headMessage li{
	float:left;
	line-height:35px;
	padding:0 6px;
}
#headMessage a{
	color:#6c6c6c;
}
#headMessage a.login{
	color:#SpringGreen;
}
/*
@规则
@charset 设置样式表的编码
@import  导入其他样式文件
@media   媒体查询（做适配）
@font-face 自定义字体（方正雅黑）
*/
/*头部搜索*/
#headSearch{
	background-color:#fffdef;
	padding:24px 0 10px 0;
}
#headSearch h1 a{
	display:block;
	width:200px;
	height:80px;
	background:url(../img/gamjiwamgshangwangkuai.png) center no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px;
}
#headSearch code{
	width:72px;
	height:86px;
	border:1px solid #eee;
	position:relative;
	margin-right:110px;
}
#headSearch code img{
	width:70px;
	height:60px;
	text-align:center;
}
#headSearch close {
	position:absolute;
	left:-16px;
	top:-1px;
	width:14px;
	height:14px;
	line-height:14px;
	font-size:14px;
	border:1px solid #eee;
	color:#ddd;
}
#headSearch search{
	width:630px;
	margin:0 auto;
}
#headSearch searchTab{
	height:22px;
	
}
#headSearch searchTab li{
	float:left;
	width:36px;
	line-height:22px;
	margin-right:4px;
	background:green;
}

reset

fl{
	float: left;
}
fr{
	float:right;
}
layer{
	width:1190px;
	margin:0 auto;
}
/*预定义*/
c4{
	color:#f40;
}
c5{
	color:#f50;
}
mt10{
	margin-top:10px;
}
mr10{
	margin-right:10px;
}






clearfix:after{
	content:'';
	disply:block;
	clear:both;
}

body,p,h1,h2,h3,h4{
	margin:0;
	
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
img{
	border:none;
	vertical-align:middle;
}
a{
	text-decoration:none;
	color:green;
}
i{
	font-style:normal;
}
input,button{
	margin:0;
	padding:0;
}
button{
	outline:none;
}
body{
	font: 14px / 1.5 "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, arial, Tahoma, SimSun, sans-serif, "PingFang SC Regular";
/*font-family:"微软雅黑";
font-family:SimSun;*/
color:green;
background-color:greenyellow;
}

是数学系的小孩儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
赶集网仿造2

html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>赶集网，寻你所想</title> <link rel="stylesheet" href="../css/index.css"> <link rel="icon" href="/favicon.ico"> <base href="http://w
复制链接

扫一扫