老师帮我看下我这个还有什么代码改进更好的方式实现，优化
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{padding:0;margin:0;font-family:"微软雅黑";}
.header{width:100%;height:60px;line-height:60px;background:black;color:white;}
.nav li{display:inline;padding-right:20px;}
.nav{position:absolute;right:0;}
li{list-style:none;}
.pink{background:pink;}
.content{background:#b0e0e6;height:800px;width:100%;}
.left{width:25%;height:800px;float:left;margin-top:150px;padding-left:100px;}
.left1 li{margin-top:20px;}
.cont{width:25%;height:800px;float:left;margin-top:150px; padding-left:100px;}
.cont ul li{margin-top:20px;}
.kong{background:orange;width:0.8%;float:left;height:800px;}
.right{width:25%;height:800px;position:absolute;right:0;margin-top:150px;}
.right ul li{margin-top:20px;}
.usename{width:160px;height:30px;}
.paw{width:160px;height:30px;}
.submit{width:160px;height:30px;background:red;color:white;}
.footer{clear:both;background:black;height:60px;line-height:60px;color:white;
text-align:center;position:relative;top:-150px;}
.wei{padding:0 20px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<ul class="nav">
<li> 课程</li>
<li> 职业路径</li>
<li> 实战</li>
<li> 猿问</li>
<li> 手记</li>
</ul>
</div>
<div class="content">
<div class="left">
<h2>课程推荐</h2>
<ul class="left1">
<li><span class="pink">职业路径</span> HTML5与CSS3实现动态网页</li>
<li> <span class="pink">职业路径</span> 零基础入门Android语法与界面</li>
<li><span class="pink">职业路径</span> ios基础语法与常用控件</li>
<li><span class="pink">职业路径</span> PHP入门开发</li>
<li> <span class="pink">职业路径</span> JAVA入门开发</li>
</ul>
</div>
<div class="cont">
<h2>相关课程</h2>
<ul>
<li>HTML CSS javaScript </li>
<li> HTML5 CSS3 jquery</li>
<li>移动端基础 移动端app开发</li>
</ul>
</div>
<div class="kong"></div>
<div class="right">
<h2>登录</h2>
<ul>
<li><input type="text" name="emali" placeholder="请输入登录邮箱/手机号" class="usename"></li>
<li><input type="password" name="paw" placeholder="6-16位密码不能用空格" class="paw"></li>
<li><input type="submit" name="submit" value="登录" class="submit"></li>
</ul>
</div>
<div class="footer">
<span class="wei">网站首页</span>
<span class="wei">企业合作</span>
<span class="wei">人才招聘</span>
<span class="wei">联系我们</span>
<span class="wei">常见问题</span>
<spanclass="wei">友情链接</span>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星