就是做网页页面的标签语言 css是控制显示样式的 div是层 psd格式的模板需要用Photoshop开启 === PSD模板就整个页面布局和样式的设计原稿，需要切片才能应用到网页上去 怎么用div+CSS布局网页 就是制作网页，分块制作。

1新建一个html文件，命名为testhtml，用于讲解div+css布局的基本流程2在testhtml文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用textalign设置文字居中3在testhtml文件内。

DIV+CSS是网站标准或称“WEB标准”中常用的术语之一，通常为了说明与HTML网页设计语言中的表格table定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位CSS是英语。

5修改设计时更有效率由于使用了DIV+CSS制作方法，使内容和结构分离，在修改页面的时候更加容易省时根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式，在团队开发中。

在浏览器上是粉色的，表示已经受到css样式表的控制了4 下面我们进行布局一般网页都是3层一级，所以我们需要div布局了在body里面写一般我会先分为3层 lthtml lthead lttitlelttitle ltlink href=quotmaincssquot type=quot。

tablecell也可以理解为inlineblock水平水平，其身上的verticalalign属性才会起作用3 DIV+CSS布局中自适应高度的解决方法要从固定的基于像素的设计方法转到弹性的相对的设计方法并不容易。

静态网页的布局模式主要有1表格布局 2层布局 3div+css样式表布局 4布局表格等 备注1表格布局容易把握，是最简单的一种总局方式，适用于初学者设计网页的第一步是设计版面布局所谓布局，就是以最适合浏览。

div+css做页面的一行两列布局，首先我们是需要三个div的，第一个div包裹着其他的2个div，然后给那2个div设置float属性和width，height，最好是给个border利于布局的时候方便观察，这里举个例子 lthtml lthead ltstyle #div1 width。

4网页表现与结构分离，对CSS修改可以对网页文件布局修改，如果有多个网页相同布局的话，可以调用同一个CSS文件实现布局功能 5网页打开速度快，因为它可以先打开内容，再调用CSS文件 6更多的DIVCSS设计好处，还在整理中。