今天学了css样式中的定位标签，但是听的不是太懂。找了一幅图做了个对比图。欢迎各位大佬指点！！这是原图
这是我自己做的效果图
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{padding: 0px;margin: 0px;}
body{background: #000;}
.box{width: 974px;height: 360px;background: url(img/04.png);margin: auto;border: 5px #fff solid;position: relative;}
.box1{width: 24px;height: 48px;background: #000;position: absolute;top:155px;left: 4px;color: #fff;font-size: 24px;text-align: center;line-height: 48px;font-family: "微软雅黑"; }
.box2{width: 24px;height: 48px;background: #000;position: absolute;top:155px;right:0px;float:right;color: #fff;font-size: 24px;text-align: center;line-height: 48px;font-family: "微软雅黑";}
.box3{width: 320px;height: 160px;position: absolute;left: 80px;top: 95px;}
h3{color: #000;font-family: "幼圆";font-size: 36px;font-weight:bolder;}
p{color: #000;font-size: 18px;font-family: "幼圆";margin-top: 10px;font-weight:bolder;}
.box4{ color: #fff;;width:121px;height: 41px;text-align: center;line-height: 41px;position: absolute;background: #000000;left: 80px;bottom: 100px;}
.box5{width: 48px;height: 18px;position: absolute;left: 80px;background: #000;bottom: 18px;color: #fff;text-align: center;line-height: 18px;font-size: 12px;border: 1px #8c8c8c solid;}
.box6{width: 48px;height: 18px;position: absolute;left: 132px;background: #fff;bottom: 18px;color: #000;text-align: center;line-height: 18px;font-size: 12px;border: 1px #000 solid;}
.box7{ width: 6px;height: 6px;border-radius: 6px;position: absolute;right: 479px;bottom: 26px;background: #000;}
.box8{ width: 6px;height: 6px;border-radius: 6px;position: absolute;right: 468px;bottom: 26px;background: #fff;}
</style>
</head>
<body>
<div class="box">
<div class="box1"><</div>
<div class="box2">></div>
<div class="box3"><h3>365 天的可能性</h3><p>借助 Office 365 充分发挥新设备的潜力</p></div>
<div class="box4">立即购买 ></div>
<div class="box6">▶</div>
<div class="box5">||</div>
<div class="box7"></div>
<div class="box8"></div>
</div>
</body>
</html>
在这段代码中遇到了几个问题：
1.关于绝对定位和相对定位的使用
在这段代码中我把大背景使用了背景图，但是在盒子定位时对absolute和relative使用的位置不清楚，不知道什么时候该用什么。
2.图片中下部黑色原点和白色的原点的设计
黑色原点还是有设计思路可以做出来，但是效果图中的白色中空圆点试了多次都没有做出来，望大佬给给建议。
3.关于设计中尺寸
使用ps量取效果图尺寸再设计，总感觉差那么一点，这是因为什么？