【发布时间】：2012-10-22 15:14:23
【问题描述】：
我有一个入门网页设计课程的作业，到目前为止它真的很容易，但是当教授介绍 div 和 span 标签时，我真的失去了动力，陷入了低谷。我已经很晚才注册课程，幸运的是，关于 div 和 span 的作业明天就要交了。
到目前为止，我一直在广泛使用 w3schools 以及 StackOverflow 本身，但我真的找不到我的问题的具体答案，或者我找到的答案远远超出了我的“技能水平”。
我想模仿提供给我的网站；未提供源代码，仅提供最终产品外观的图像，以及图像、文本大小等资源。这是作业本身的链接。
http://www.cosc.brocku.ca/Offerings/2P89/2P89%20Assign2.pdf
我自己已经完成了前几部分，但是我迷失了任务中更丰富的部分。我需要制作一个大的 div 元素（我假设），并且在其中我需要更多的 div 元素。我已经到了这个区域：
“在主标题下方是页面的整体内容区域，对电影的整体评分为 32%，几位评论家的评论，以及右边的电影概述。这些内容加起来占 800px 的宽度并居中在页面内水平调整。如果页面水平调整大小，则此 800px 部分应动态移动，使其在页面上保持水平居中。整个部分有一个 4px 灰色实心边框，圆半径为 20px，大小应足够大以包含所有其内容。（提示：参见教科书第 4.3 节关于使内容适合的内容。）"
链接中的图像是它应该看起来的样子，到目前为止，我已经将所有内容都放在了圆形边框部分上方，其中包含所有更丰富的内容。到目前为止，这是我所拥有的：
<!doctype html>
<html>
<head>
<link rel="shortcut icon" href="http://www.cosc.brocku.ca/Offerings/2P89/Images/rotten.gif"
type="image/x-icon">
<title>Abraham Lincoln: Vampire Hunter - Rancid Tomatoes</title>
<link href="abe.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="banner" style="background: url
(http://www.cosc.brocku.ca/Offerings/2P89/Images/bannerbg.png) repeat-x;width:100%;height:50px;">
<img src="http://www.cosc.brocku.ca/Offerings/2P89/Images/banner.png" alt="">
</div>
<h1>Abraham Lincoln: Vampire Hunter (2012)</h1>
<div class="reviewshell">
<div class="reviewleft">hi</div>
</div>
</body>
</html>
...和样式表...
.banner {
margin:0px;
text-align:center;
}
.reviewshell {
margin-left:auto;
margin-right:auto;
border:4px solid;
border-radius:20px;
border-color:grey;
width: 800px;
}
.reviewleft {
margin:0px;
text-align:left;
}
.reviewright {
}
.reviewbottom {
}
body {
background-image:url("http://www.cosc.brocku.ca/Offerings/2P89/Images/background.png");
background-attachment:fixed;
font-size:8pt;
font-family:Verdana, Tahoma, sans-serif;
margin:0px;
}
h1 {
text-align:center;
font-size:24pt;
font-family:Tahoma, Verdana, sans-serif;
font-weight:bold;
text-shadow:#999999 3px 3px;
}
blockquote {
}
a:link {
}
a:visited {
}
ul.a {
}
如果这里不赞成家庭作业帮助，我提前道歉；我已经在 HTML 上阅读了大约 9 个小时，但我不知道如何继续。不幸的是，周日没有教授或助教。
编辑；我可能应该提到我不需要一个具体的答案，只需要一个指向可以帮助我弄清楚的页面或指南的链接。 w3schools 很深入，但还是看不懂。
【问题讨论】：
-
如果要添加源代码，请将其粘贴到编辑器中，选择代码，然后单击看起来像两个花括号的图标：
{}