请老师帮忙看看能否有优化的地方

来源：2-2 编程练习

小黄吖

2019-11-22 13:41:29

*{
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei";
	font-size: 16px;
}
a{
	text-decoration: none;
}
header{
	height: 80px;
	background-color: black;
	margin:5px auto;
}
header div{
	overflow: hidden;
}
header div h1{
	color: white;
	display: inline-block;
	height: 80px;
	padding-top: 39px;
	font-size: 20px;
}
header div img{
	display: block;
	float: left;
	margin: 20px 0 20px 400px;
}
header div nav{
	float: right;
	height: 80px;
	margin-right:200px ;
}
header div nav a{
	height: 70px;
	color: white;
	line-height: 70px;
	display: block;
	float: left;
	text-align: center;
	width: 80px;
}
header div nav a.Home{background-color: red;}
header div nav a.Course{background-color: gold;}
header div nav a.Actual{background-color: forestgreen;}
header div nav a.Plan{background-color: blueviolet;}
header div nav a.FAQ{background-color: orange;}
header div nav a.Notes{background-color: skyblue;}
header div nav a:hover{height: 80px;line-height: 80px;}
header div nav a.active{height: 80px;line-height: 80px;}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>test</title>
	<link rel="stylesheet" type="text/css" href="css/test.css"/>
</head>
<body>
    <header>
		<div class="">
			<img src="http://climg.mukewang.com/582e5f160001b17100400040.png">
			<h1>MYMOOC</h1>
			<nav>
				<a class="Home active" href="">Home</a>
				<a class="Course" href="">Course</a>
				<a class="Actual" href="">Actual</a>
				<a class="Plan" href="">Plan</a>
				<a class="FAQ" href="">FAQ</a>
				<a class="Notes" href="">Notes</a>
			</nav>
		</div>
	</header>
</body>
</html>

写回答

1回答