<style>
header {
1300px;
height: 100px;
/* background-color: pink; */
margin: 0 auto;
padding-top: 30px;
}
.logo {
195px;
height: 42px;
/* background-color: purple; */
float: left;
}
.logo a {
display: block;
195px;
height: 42px;
background: url(../images/logo.png) no-repeat;
text-indent: -990px;/* 隐藏链接里面的文字 */
overflow: hidden; /* 这句话加上想必也是极好的 */
}
</style>
</head>
<body>
<div class="logo">
<h1>
<a href="#" title="学成在线教育平台">学成在线</a>
</h1>
</div>
<!-- nav部分 -->
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">课程</a></li>
<li><a href="#">职业规划</a></li>
</ul>
</nav>
</body>