老师，为什么aside下面的dl设置全部没有起作用呢？我应该怎么修改？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style type="text/CSS">
*{padding:0;
margin:0;
}
seation{width:1200px;
height: 500px;
margin:30px auto;}
aside{width:480px;
height: 500px;
float: left;
}
h1{font-size:30px;
display:block;
margin-bottom: 20px; }
h1>span{
color:#7c7c7c;
font-size:30px;
}
aside > h1> dl{
position:relative;
display: block;
height: 80px;
width:480px;
margin-bottom:20px;}
aside>h1>dl>dt{
font-size 16px;
font-weight: bold;
line-height: 16px;
text-decoration:underline;
position:absolute;
top: -1px;
left:60px;
}
aside>h1>dl>dd:first-of-type{
width:50px;
height:51px;
position: absolute;
left:0
}
aside>h1>dl>dd>div{
color:white;
font-size: 18px;
line-height:51px;
position: absolute;
left:25px;
z-index: 2;
}
aside>h1>dl>dd:last-of-type{
position:absolute;
left:60px;
margin-bottom;:20px;
}
article{width:720px;
height: 500px;
float: right;}
article>p,article>img{
margin-bottom: 20px;
}
article img{overflow: hidden;}
</style>
</head>
<body>
<!-- 在此完成网页的HTML代码-->
<section>
<aside>
<h1> Recent <span>Course</span></h1>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"/><div>1</div></dd>
<dd>HTML is th standard Markup Language used to create web pages and its elements form the building blocks of all websites.</dd>
</dl>
<dl>
<dt>Cascading Style Sheets</dt>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"/><div>2</div></dd>
<dd>Cascading Style Sheets(CSS)is a simple mechanism for adding Style(e.g.fonts,colors,spacing)to the web documents.</dd>
</dl>
<dl>
<dt>JavaScript</dt>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"/><div>3</div></dd>
<dd>JavaScript is a high-level,dynamic,untyped,and interpreted programming Language.</dd>
</dl>
<dl>
<dt>AngularJS</dt>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"/><div>4</div></dd>
<dd>AngularJS is an open-source web application framework mainly maintained by Google and by a community of individuals and.....</dd>
</dl>
</aside>
<article>
<h1>Welcome to<span> Massive Open Online Course</span>!</h1>
<p>We provide the latest knowledge to help you cope with the changing world !</p>
<img src="http://img1.sycdn.imooc.com/climg//582e61180001ede703300130.jpg">
<p>We hope that all the students who love the internet can be more convenient access to learning resources,using the internet thinking to the change our learning.</p>
<p>Focus On IT skills education MOOC, consistent with the development trend of the internet down to earth's MOOC.
We are free,we only teach useful ,we concentrate on education.</p>
</article>
</section>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星