请老师过目 有什么不对的地方吗
来源：2-5 编程练习
RGOA
2017-11-16 20:11:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;padding: 0;}
.main{position: relative;width:1200px;height: 450px;margin: 40px auto;}
.main h1 {font-size: 30px; font-weight: lighter;margin-bottom:30px;}
.main h1 span{ color: #7c7c7c; }
.main > aside{float:left; width: 450px;}
.main > aside > dl{position: relative;display: block;height: 74px;margin-bottom:40px;}
.main > aside > dl > dt {position: absolute;top: 0;left: 70px;font-weight: bold;text-decoration: underline;}
.main > aside > dl > dd:frist-of-type {position: absolute;left: 0;}
.main > aside > dl > dd span {position: absolute;top: 12px;left: 19px;color: #fff;font-size: 22px;}
.main > aside > dl > dd:last-of-type {position: absolute;top:30px;left: 70px;font-weight: lighter;}
.main > article{float: right;width: 700px}
.main > article > p,.main > article >img {margin-bottom: 20px;width: 700px;}
</style>
</head>
<body>
<section class="main">
<aside>
<h1>Recent <span>Course</span></h1>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png" alt=""><span>1</span></dd>
<dd>HTML is the 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://climg.mukewang.com/582e61290001787900500051.png" alt=""><span>2</span></dd>
<dd>Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.</dd>
</dl>
<dl>
<dt>JavaScript</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png" alt=""><span>3</span></dd>
<dd>JavaScript is a high-level, dynamic, untyped, and interpreted programming language.</dd>
</dl>
<dl>
<dt>AngularJS</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png" alt=""><span>4</span></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://climg.mukewang.com/582e61180001ede703300130.jpg" alt="">
<p>We hope that all the students who love the Internet can be more convenient access to learning resources, using the Internet thinking to 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回答
-
小于飞飞
2017-11-17
根据要求作业完成不错，棒棒哒，建议优化：红色圆图片可以通过css样式设置为背景，来减少html代码，更方便统一控制。
0h017-11-17
相似问题