老师，麻烦帮忙看下代码有无问题，怎么样优化
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{
padding:0;
margin: 0;
font-family: "微软雅黑";
}
.header{
width:100%;
height: 100px;
background: #000;
position:fixed;
top:0;
}
.logo{
float:left;
}
.logo img{
display: block;
}
.nav{
line-height: 100px;
float:right;
}
.nav ul li{
display: inline;
margin:10px 50px;
}
.course{
background: #87CEFA;
width:100%;
height: 1000px;
padding-top:200px;
overflow: hidden;
zoom:1;
}
.recommend_course{
width:25%;
float:left;
padding-left:30%;
}
.recommend_course span{
background: pink;
}
.related_course{
width:25%;
float:right;
padding-right:20%;
}
.course p{
font-size:30px;
padding-bottom:5px;
}
.course ul li{
list-style: none;
font-size:15px;
padding:15px 0;
}
.footer{
background:#000;
height:80px;
width: 100%;
line-height: 80px;
text-align: center;
}
.footer ul li{
display: inline;
padding:0 50px;
}
a{
text-decoration: none;
color:#fff;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<!-- 页面 -->
<div class="web">
<!--头部代码-->
<div class="header">
<div class="logo">
<img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/>
</div>
<div class="nav">
<ul>
<li><a href="#">课程</a></li>
<li><a href="#">职业路径</a></li>
<li><a href="#">实战</a></li>
<li><a href="#">猿问</a></li>
<li><a href="#">手记</a></li>
</ul>
</div>
</div>
<!--内容代码-->
<div class="course">
<!--课程推荐代码-->
<div class="recommend_course">
<p>课程推荐</p>
<ul>
<li><span>职业路径</span> HTML5与CSS3实现动态网页</li>
<li><span>职业路径</span> 零基础入门Android语法与界面</li>
<li><span>职业路径</span> iOS基础语法与常用控件</li>
<li><span>职业路径</span> PHP入门开发</li>
<li><span>职业路径</span> JAVA入门开发</li>
</ul>
</div>
<!--相关课程代码-->
<div class="related_course">
<p>相关课程</p>
<ul>
<li>HTML CSS JavaScript</li>
<li>HTML5 CSS3 Jquery</li>
<li>移动端基础 移动端APP开发</li>
</ul>
</div>
</div>
<!--页脚代码-->
<div class="footer">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">企业合作</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">常见问题</a></li>
<li><a href="#">友情链接</a></li>
</ul>
</div>
</div>
</body>
</html>8
收起
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星