正在回答
1.你少个
*{
margin: 0;
padding: 0;
}
2.字体有问题;
应该是 font-family: "Arial";你没有引号；
3.html文件里的article没有写全
Html:
<body>
<section class="main">
<aside>
<h1>Recent <samp>Course</samp></h1>
<dl>
<dt>Hyper Text Makeup Language</dt>
<dd>HTML is a standarand language to create page</dd>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"></dd>
</dl>
<dl>
<dt>Cascading Style Sheets</dt>
<dd>HTML is a standarand language to create page</dd>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"></dd>
</dl>
<dl>
<dt>JavaScript</dt>
<dd>HTML is a standarand language to create page</dd>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"></dd>
</dl>
<dl>
<dt>Angular JS</dt>
<dd>HTML is a standarand language to create page</dd>
<dd><img src="http://img1.sycdn.imooc.com/climg//582e61290001787900500051.png"></dd>
</dl>
</aside>
<articl>
<h1>Welcome to <samp>Massive Open Online Course</samp></h1>
<p>We provide the lasted Knowledge to help you cope with the changing World.</p>
<img src="http://img1.sycdn.imooc.com/climg//582e61180001ede703300130.jpg">
<p>We provide the lasted Knowledge to help you cope with the changing World.We provide the lasted Knowledge to help you cope with the changing World.</p>
<p>We provide the lasted Knowledge to help you cope with the changing World.We provide the lasted Knowledge to help you cope with the changing World.</p>
</articl>
</section>
</body>
CSS:
.main{
font-family:Aril;
font-size:14px;
width:1200px;
height:473px;
margin:34px auto 0;
}
.main h1{
font-size:30px;
font-weight:lighter;
margin-bottom:23px;
}
.main h1 >samp{
font-size:30px;
color:#7c7c7c;
}
.main > aside{
float:left;
width:450px;
}
.main > aside > dl{
position:relative;
height:74px;
margin-bottom:17px;
}
.main > aside > dl > dt{
position:absolute;
margin-top:-1px;
left:92px;
font-size:16px;
font-weight:bold;
text-decoration:underline;
line-height:16px;
}
.main > aside >dl >dd:last-of-type{
position:absolute;
width:90px;
left:0;
height:16px;
}
.main > aside >dl >dd:first-of-type{
position:absolute;
margin-top:17px;
left:0px;
}
.main > article{
float:right;
width:720px;
}
.main > article >p{
margin-bottom:30px;
}
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星