老师帮我看一下谢谢！我这里有好几个问题呢

来源：1-3 编程练习

白羊诗酒纵年华

2019-08-07 11:11:39

<!doctype html><!--文档类型声明 html网页-->
<html> <!--根标签-->
 <head><!--头部/整个网页的基本信息/浏览器搜索引擎抓取-->
 <meta charset="UTF-8"><!--字符编码/国际编码-->
 <meta name="Keywords" content="练习"><!--网站关键字 浏览器搜索-->
 <meta name="Description" content="练习"><!--网站描述信息-->
  <title>百度首页</title><!--网站的标题-->
  <style>
	body,ul,li,img,ol{
					margin:0;
					padding:0;
	}
	.top{width:100%;
		 height:40px;
		 border-top:1px solid #c1c1c1;
		 border-bottom:1px solid #c1c1c1;
		 line-height:40px;
		 position:relative;
		 
	}
	ul,ol{
			list-style:none;
	}
	/*右边的导航栏*/
	.nav{
		 position:absolute;
		 top:0;
		 right:0;
		 overflow:hidden；
	}	
	.nav>li{float:left;
			padding:0px 20px;
	}
	
	.nav>li a{
				cursor:pointer;/*鼠标变小手*/
				text-decoration:underline;
				font-weight:bold;
	}
	.nav-last-list{		
					color:#fff;
					background-color:#3399ff;
	}
	.nav-last-list>a{
					  font-weight:normal;	
					  cursor:default ;/*鼠标变箭头*/
					  text-decoration:none;/*本来是去掉更多产品的下划线 结果没有效果*/
							
	}
	/*更多产品的变化*/
	.nav-last-list:hover{			
					color:#000000;
					background-color:#e1e1e1;
					
					
	}

	/*右边2级导航栏*/
	.right-nav{
				width:104.5px;
				background-color:#e1e1e1;
				display:none;
				position:absolute;
				top:35px;
				right:0;
				text-align:center;
				
				
	}
	
	.right-nav-lists{
					  width:44px;
					  margin:0 auto;
	}
	.right-nav-lists li{
						padding:5px;
						border-top:1px solid #c1c1c1;
		 border-bottom:1px solid #c1c1c1;
	}
	.right-nav-img{
			width:40px;
			height:40px;
			
	}
	.right-nav-text{
					text-decoration:none;
					margin-top:-10px;
					font-size:10px;
					color:#000000;
					
					
	
	}

	.nav-last-list:hover .right-nav{
									display:block;
									text-decoration:underline;
	}
	/*中间内容*/
	.content{
			width:100%;
			height:800px;
			text-align:center;
			position:relative;
	}
	/*logo*/
	.content a img{
					width:20%;
					margin:200px auto;
	}
	/*搜索框*/
	.search{
				position:absolute;
				top:400px;
				left:650px;
	}
	.search-text{
				width:540px;
				height:25px;
				border:2px solid #d9d9d9;
				background-image:url('images/02.png');
				background-repeat:no-repeat;
				background-position:512px 0px;
				background-size:30px;
			

	}
	.search-text:hover{
						border:2px solid #317ef3;
						background-image:url('images/03.png');
						background-repeat:no-repeat;
						background-position:512px 0px;
						background-size:25px;
	}

	.button{
			width:100px;
			line-height:29px;
			margin-left:-6px;
			background-color:#317ef3;
			
			border:none;
			color:white;
			font-size:14px;
			cursor:pointer;
	}
	/*二维码*/
	.download img{
				width:100px;
	}
	/*底部*/
	.footer{
			text-align:center;
			color:#c7c7c7;
			font-size:13px;
			padding-bottom:20px;
	}
	.footer a{
				color:#c7c7c7;
				font-size:13px;
	}
	
  </style>
 </head>
    <body><!--网页的展示部分-->
		<div class="warp">
			<div class="top">
				<ul class="nav">
					<li>
						<a herf="#">新闻<a>
					</li>
					<li>
						<a herf="#">hao123<a>
					</li>
					<li>
						<a herf="#">地图<a>
					</li>
					<li>
						<a herf="#">视频<a>
					</li>
					<li>
						<a herf="#">贴吧<a>
					</li>
					<li>
						<a herf="#">学术<a>
					</li>
					<li>
						<a herf="#">白羊诗酒纵年华<a>
					</li>
					<li>
						<a herf="#">设置<a>
					</li>
					<li class="nav-last-list">
						<a herf="#">更多产品<a>
						<div class="right-nav">
							<ol class="right-nav-lists">
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r1.png" alt="" title="">
									</a>
									<a href="#" class="right-nav-text">糯米</a>
								</li>
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r2.png" alt="" title="">
									</a>
									<a href="#" class="right-nav-text">音乐</a>
								</li>
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r3.png" alt="" title="">
									</a>
									<a href="#" class="right-nav-text">图片</a>
								</li>
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r4.png" alt="" title="">
									</a>
									<a href="#" class="right-nav-text">知道</a>
								</li>
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r5.png" alt="" title="">
									</a>
									</a>
									<a href="#" class="right-nav-text">文库</a>
								</li>
								<li>
									<a href="#">
										<img class="right-nav-img" src="images/right/r6.png" alt="" title="">
									</a>
									<a href="#" class="right-nav-text">风云榜</a>
								</li>
								<li>
									<a href="#" class="right-nav-text">全部产品>></a>
								</li>
							</ol>
				</div>
					</li>

				</ul>
			</div>

			<div class="content">
				<a href="https://www.baidu.com">				  
					<img src="images/logo.png">
				</a>
				<form class="search">
				
					<input class="search-text" type="text">
					<input class="button" type="submit" value="百度一下">
				</form>
				<div class="download">
					<img src="images/01.png" alt="" title="">
					<p>下载百度APP</p>
					<p type="color:#e0e0e0">有事搜一搜，没事看一看</p>
				</div>
			</div>

		
			<div class="footer">	
				<p>
					<a href="#">设为首页</a>
					&copy;2019 Baidu 
					<a href="#">使用百度前必读</a>&nbsp;
					<a href="#">意见反馈</a>
					<span class="txt1">京ICP证030173号</span>
					<img src="images/04.png" alt="" title="">
				</p>
				<a class="txt2" href="#">京公网安备11000002000001号</a>
				<img src="images/05.png" alt="" title="">
			</div>
		</div>
    </body>
</html>