css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
我觉得你现在是没有搞清楚html中对区块的划分,这张图明显是先分左右两大块,左边再分上中下三块,右边1、2、3、4,四块,再往里面填充内容,你看划分图
我帮你写个框架,其他的细节和内容你自己去填
<style>*{ margin:0 padding:0 list-style:none}
.wap{ width:990px height:auto margin:0 auto}
.leftBox{ width:754px height:auto float:left border:1px solid red}
.rightBox{ width:220px height:auto float:right border:1px solid red}
.nrBox{ margin-bottom:13px border:1px solid #00F}
</style>
<div class="wap">
<div class="leftBox">
<div class="nrBox" style="height:215px">个人信用调查(高215)</div>
<div class="nrBox" style="height:560px">调查宗述(高560)</div>
<div class="nrBox" style="height:96px">调查案例(高96)</div>
</div>
<div class="rightBox">
<div class="nrBox" style="height:227px">个人信用调查(高227)</div>
<div class="nrBox" style="height:160px">图片一(高160)</div>
<div class="nrBox" style="height:158px">图片二(高158)</div>
<div class="nrBox" style="height:154px">图片三(高154)</div>
<div class="nrBox" style="height:72px">图片四(高72)</div>
</div>
</div>
<html><head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
html的示例网页文件
</body>
</html>
css文件 放在和html文件的同一个目录
style.css
html body{
margin:0 auto
}