html+css是什么?能举个例子吗?

html-css023

html+css是什么?能举个例子吗?,第1张

html标准通用标记语言下的一个应用超文本标记语言(HTML)

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

}