问下我写的问题怎么让字体行距拉开，底部字体居中呢 那个职业推荐的颜色怎么整跟页面不对啊
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 补充代码 -->
<style>
*{
margin: 0;
padding: 0;
color: #fff;
font-size: 16px;
}
body{
background-color: blue;
}
.header{
width: 100%;
height: 100px;
background-color: black;
margin: 0 auto;
position: fixed;
}
img {
width:300px;
height: 100px;
float: left;
}
.wo ul{
width:528px;
height: 50px;
list-style-type: none;
float: right;
padding: 37px;
}
ul>li{
display:inline;
margin-right: 18px;
margin-left: 45px;
font-weight: bold;
}
.banner{
width: 100%;
height: 300px;
margin: 0 auto;
padding-top: 50px;
}
.container{
width:54%;
height: 1000px;
margin: 0 auto;
}
.p1{
float: left;
}
.p3 {
background-color:orange;
}
.p4{
float: right;
}
.footer{
width: 100%;
height:100px;
background-color: black;
margin: 0 auto;
}
.footer ul{
line-height: 100px;
}
</style>
</head>
<body>
<div class="header">
<div clas="logo"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt="慕课网">
</div>
<div class="wo">
<ul>
<li>课程</li>
<li>职业路径</li>
<li>实践</li>
<li>猿问</li>
<li>手记</li>
</ul>
</div>
</div>
</div>
<div class="banner"></div>
<div class="container">
<div class="p1">
<div class="p2">课程推荐</div>
<p><span class="p3">职业路径</span> <span>HTML5和CSS3实现动态页面</span></p>
<p><span class="p3">职业路径</span> <span>零基础入门Android语法和界面</span></p>
<p><span class="p3">职业路径</span> <span>iOS基础语法与常用控件</span></p>
<p><span class="p3">职业路径</span> <span>PHP入门开发</span></p>
<p><span class="p3">职业路径</span> <span>PHP入门开发</span></p>
</div>
<div class="p4">
<p>相关课程</p>
<p>HTML CSS JavaScript</p>
<p>HTML CSS JavaScript</p>
<p>移动端基础 移动端APP开发 </p>
</div>
</div>
<div class="footer">
<ul>
<li>联系我们</li>
<li>企业合作</li>
<li>人才招聘</li>
<li>联系我们</li>
<li>常见问题</li>
<li>友情链接</li>
</ul>
</div>
</body>
</html>
正在回答
把，width,height去掉
.wo ul{
list-style-type: none;
float: right;
padding: 37px;
}
去掉
margin-right: 18px;
margin-left: 45px;
其中一个。
footer 加上高和文字对齐方式居中
.footer {
line-height: 100px;
height: 100px;
text-align:center;
}
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星