1、网页设计中采用div+css布局，这里的DIV是什么意思？
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
2、求一个网页制作高手用div+css做一个网页布局 急 谢谢！！！！！！！！！！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>
3、网页设计的布局主流是用表格布局还是DIV+CSS布局？各有什么特点？
就布局来而言 你可以看看各大网站 你会自发现肯定都是DIV+CSS
表格是装数据的不是用来布局的，前些年一些网页设计的教程 里都是教怎么用表格布局，不过那只是叫你认识HTML
表格布局优点就是各浏览器的兼容性好，不易变形，但布局方式很死板，不灵活，很多特殊效果也是无法实现的。
而DIV+CSS灵活，修改方便。
最最主要的是符合WEB标准。 内容与表现分离。
而表格布局则是内容与表现杂糅在一起。
还有优点div在没有设置z-index属性的时候 是和 表格没多大区别的
如果你是装数据，比如你自己做个生活开支表，什么的可以用表格。要理解表格主要是用来装数据的，并不是用来布局。
4、html+css+div网页设计与布局怎么样
方法/步骤
一个网页设计时，我们可以将一个页面设置为头部，中间，和底部三部分； 头部有分为店招（logo）和导航等
中间既内容部分，内容也可一个整体，也可左右分离，
底部来页面结尾，一般写版权信息，友情链接等
END
头部编辑
店招：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝助手网</title>
<style>
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">导航</div>
</div>
<!--------头部------------>
<div id="centre">
<div id="centreLeft">内容左</div>
<div id="centreRight">内容右</div>
</div>
<!--------中间------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
导航：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝助手网</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;den}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘宝</a></li>
<li><a href="" title="" target="_blank">图片</a></li>
<li><a href="" title="" target="_blank">视频</a></li>
<li><a href="" title="" target="_blank">资料下载</a></li>
<li><a href="" title="" target="_blank">视频下载</a></li>
</ul>
</div>
</div>
<!--------头部------------>
<div id="centre">
<div id="centreLeft">内容左</div>
<div id="centreRight">内容右</div>
</div>
<!--------中间------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
END
内容
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝助手网</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
/*******===================头====================************/
#centre{ margin:0 auto; width:1200px; height:auto; }
#centreLeft{ float:left; width:70%; height:500px;border:1px #333333 solid;}
#centreRight{ float: right; width:27%; height:400px;border:1px #333333 solid;}
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘宝</a></li>
<li><a href="" title="" target="_blank">图片</a></li>
<li><a href="" title="" target="_blank">视频</a></li>
<li><a href="" title="" target="_blank">资料下载</a></li>
<li><a href="" title="" target="_blank">视频下载</a></li>
</ul>
</div>
</div>
<!--------头部------------>
<div id="centre">
<div id="centreLeft">内容左</div>
<div id="centreRight">内容右</div>
</div>
<!--------中间------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
END
底部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝助手网</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
/*******===================头====================************/
#centre{ margin:0 auto; width:1200px; height:auto; overflow: hidden }
#centreLeft{ float:left; width:70%; height:500px;border:1px #333333 solid;}
#centreRight{ float: right; width:27%; height:400px;border:1px #333333 solid;}
/***********==============内容===================*******/
#bottom{ margin:0 auto; width:1200px; height:200px; border:1px #333333 solid; margin-top:20px; }
/***********==============底部===================*******/
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘宝</a></li>
<li><a href="" title="" target="_blank">图片</a></li>
<li><a href="" title="" target="_blank">视频</a></li>
<li><a href="" title="" target="_blank">资料下载</a></li>
<li><a href="" title="" target="_blank">视频下载</a></li>
</ul>
</div>
</div>
<!--------头部------------>
<div id="centre">
<div id="centreLeft">内容左</div>
<div id="centreRight">内容右</div>
</div>
<!--------中间------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
5、DIV + CSS 网页布局设计用哪个软件好
1：初期刚接触的时候建议用Editplus,这款工具没有代码提示功能，代码高亮。能较好的锻炼代码功底。对于之后找工作笔试大有裨益。
2：如果你工作了，并且需要开发效率。建议用HBuilder 。这款工具是国产的。不需要安装什么插件，下载就能用，很受前端开发人员的喜爱。
除了Hbuilder还可以用webstorm，这款工具也非常受前端开发人员的喜爱。
当然还有sublime Text3 这款工具也挺不错的，只不过需要安装插件。
3：以上工具是我个人常用的，当然也有很多的开发工具，比如DW 等等。
6、html+css网页设计与布局从入门到精通要多久
如果你是零基础，对HTML和CSS不熟悉，不用急着学javascript。建议先看《HTML+CSS网页设计与布局从入门到精通》，轻松易读的书在入门的时候能让你学得相对轻松，增加你的自信心，从而给你更多动力。
如果你对HTML和CSS已经有所了解，比较熟悉，选择《HTML、CSS、JavaScript网页制作从入门到精通》是开始走上javascript之路是不错的选择。
7、如何用htmlt和css制作两列布局的网页
div设置浮动，就可以出现两列布局了
8、网页设计页面布局使用div+css是什么意思，还有怎么插入图片，谢谢各位大神
div模型，搭上css样式
用<img src="图片地址" alt="显示不出来的时候的文字" />插入图片
9、网页制作表格布局和CSS+div有什么本质区别
表格设置是为了呈现二维数据的。
div+CSS
也就是WEB标准化，能更好的将设计与内容分离。html看起来回很简洁。维护起来也答很方便的，你只需要改CSS就能改变整个网页的风格。而且代码也便于阅读。
这与速度没有多大关系。DIV+CSS设计，html文件看起来小了，但CSS文件大了。
当然我们要输出二维数据的时候还是要用table来的方便。改用表格的时候还是要用的，有些人老是问怎么用CSS+DIV来做二维表格table？有这个必要吗？？