在开始CSS布局之前，有必要认识一个重要标签--DIV
DIV是什么
DIV与其他XHTML标签一样是一个XHTML所支持的标签，如当使用一个表格时候，应用<TABLE></TABLE>这样的结构一样，DIV在使用的时候也是以<DIV></DIV>这样的形式出现，DIV是一个容器，我们知道，XHTML页面中的每一个标签对象几乎都可以称得上是一个容器，如使用H1标题对象钢板桩租赁，天津废锡回收
<H1>天津网站优化</h1>
h1 作为一个容器，其中放置了内容，同时DIV也是一个容器，能够放置内容，例如：
<div>天津网站建设</div>
div是xhtml中指定的，专门用于布局设计的容器对象，我们知道，在传统的表格布局中之所以能进行页面的排版布局设计，完全依赖于表格对象table，在页面中绘制一个多个单元格组成的表格，在相应的表格中放入内容，通过表格单元格的位置控制，达到实现布局排版的目的，这是表格式布局的核心内如，而在今天，我们所要接触的是一种全新的布局方式-CSS布局，则是这种布局的核心对象div，我们的页面排版不需要依赖表格，仅从div的使用上说，做一个简单的布局只需要依赖两样东西div 和css，因此也有人称css布局为div+css
如何使用div
与其他xhtml对象一样，我们只需要应用<div></div>这样的标签形式，将内容放置其中，便可以应用div标签，但是请注意一点，div标签只是一个标示，作用是把内容表示成一个区域，并不负责其他事情，div只是css布局工作的第一步，需要通过div将页面中的内容元素标记出来，如需要一个导航条就可以使用div标识出一个导航条的区域，而导航条是什么样？DIV不负责，剩下的事情由CSS来处理。
div对象中除了直接放入文本，也可以放入其他标签，也可以是多个DIV标签进行嵌套使用，最终的目的是合理的标识出我们的页面区域
DIV对象在使用时候，同其他XHTML对象一样，可以加入其它属性，如ID,CLASS,ALIGN,STYLE等，而在css布局方面，为了实现内容与表现的分离，不应当将ALIGN对齐属性，与STYLE行间样式属性编写在xhtml页面的div 标签之中，因此，div最终代码只可能拥有以下两种形式：
<div id="id名称">天津网站制作</div>
<div class="class">天津做网站</div>使用id属性，可以将当前这个div指定一个id名称，而在css中使用id选择符进行样式编写，同样，可以使用class属性，在css中使用class选择符进行样式编写。
注意：同一个天下星名称的id值在当前xhtml页面中，只允许使用一次，不管是应用到div还是其他对象的id中，而class名称则可以重复使用