赶集网仿造1

最新推荐文章于 2022-01-24 19:00:01 发布

是数学系的小孩儿

最新推荐文章于 2022-01-24 19:00:01 发布

阅读量102

点赞数

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

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

版权

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

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>赶集网，寻你所想</title>
		<link rel="stylesheet" href="css/index.css">
		
		<link rel="icon"  href="../img/favicon.ico">
		<base href="http://www.baidu.com">
		<base target="_blank">
	</head>
	<body>
		<!--头部信息-->
		<div id="headMessage class="clearfix">
		<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>
		</ul>
<ul class="fr">
				<a href="https://passport.ganji.com/login.php?next=/">登录/</a>
				<a href="https://passport.ganji.com/register.php?next=/">注册</a>
			
			
				<a href="#">个人中心</a>
				<span class="iconfont">&#xe607;</span>
			
			
				<a href="#"><span class="iconfont">&#xe607;</span>手机上赶集</a>
			
			
			
			<a href="#">帮助中心</a>
			<span></span>
			
			
			
			<a href="#"class="login">手机上导航</a>
			
		</ul>
		
		
		</div>
		
		
		<!--头部广告-->
		<div id="headAd">
			
			</div>
		
		
		
		
				<!--头部搜索-->
		
		<div id="headSearch">
			
			</div>
		
		
		<!--首屏内容-->
		
		<div id="firstScreen">
		
		</div>
		
		
		
		<!--赶集招标，生活助手，应用中心-->
		<div id="layer">
		</div>
		
		
		<!--最下边-->
		
		<div id="finally">
		</div>
		
		
	</body>
</html>

@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 自定义字体（方正雅黑）
*/

fl{
	float: left;
}
fr{
	float:right;
}
leayer{
	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
评论
赶集网仿造1

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

扫一扫