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？有這個必要嗎？？