老师请帮我看看还有没有需要修改的地方
来源：2-5 编程练习
qq_慕前端5127026
2019-11-14 23:42:12
*{margin:0;padding:0;}
section{width:1100px;
height:600px;
margin:0 auto;}
h1{font-size: 40px;
color:#000;
padding:20px 0;}
samp{color:#7c7c7c;}
aside{width:500px;
float:left;}
dl{width:400px;
position:relative;
padding-left:90px;
margin-bottom:30px;}
dl dt{padding-bottom:10px;}
dl h4{text-decoration:underline;}
dl .first{width:50px;
height:50px;
line-height: 50px;
text-align:center;
font-size:20px;
color:#ffffff;
background:url(http://climg.mukewang.com/582e61290001787900500051.png) no-repeat;
position:absolute;
top:0;
left:20px;}
article{width:600px;
float:right;}
article img{width:100%;height:200px;margin-bottom:20px;}
article p{margin-bottom:20px;}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="html5.css">
</head>
<body>
<section>
<aside>
<h1>Recent <samp>Course</samp></h1>
<dl>
<dt>
<h4>Hyper Text Markup Language</h4>
</dt>
<dd class="first">1</dd>
<dd>HTML is the standard markup language used to create web pages and its elements from the building blocks of all websites.</dd>
</dl>
<dl>
<dt>
<h4>Cascading Style Sheets</h4>
</dt>
<dd class="first">2</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>
<h4>JavaScript</h4>
</dt>
<dd class="first">3</dd>
<dd>JavaScript is a high-level,dynamic,untyped,and interpreted programming language.
</dd>
</dl>
<dl>
<dt>
<h4>AngularJS</h4>
</dt>
<dd class="first">4</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<samp> Massive Open Online Course!</samp></h1>
<p>We provide the latest konwledge 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 intermet can be more convenient acccess to learning resources,using the internet thinking to change our learning.</p>
<p>Focus on IT slills 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回答
-
好帮手慕慕子
2019-11-15
同学你好，代码是正确的， 建议优化： 适当调整h1标题大小，让内容在一行显示，效果会更好
如果帮助到了你， 欢迎采纳，祝学习愉快~
0
相似问题