如何从零开始学习DIV+CSS
，而是采用DIV+CSS的方式实现各种定位。
1：学会HTML语言，再学习DIV+CSS时会得心应手。
看得懂HTML语法，那么世界上80%的网站都能被你看穿。HTML语言很好学，一定要熟记常用的一些代码，因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后，在学习DIV+CSS时，你会发现：原来DIV+CSS也就那样，小菜一碟。
2.使用Dreamweaver的代码模式来编写DIV和CSS。
对于网页设计初学者来说，直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能，可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。
如图所示：书写div，html时DW的提供功能。
书写CSS时DW工具栏右侧的CSS可视化编辑功能.
我学习DIV+CSS时就是从Dreamweaver的代码模式学起的，也许不是最好，但很实用。
3：养成良好的书写习惯.
有良好的生活习惯，说明这人会过日子，有良好的CSS书写习惯，说明这人做事严谨。写css的时候网上有很多推荐的规范，比如菜单类用menu，版权用copyright（CoryRight），底部用footer等等，在书写顺序上一般是：显示属性-自身属性-文本属性。当然这些都没有硬性的规定，但是遵循一些不成文的规定不是坏事，这样让自己写的代码，容易让别人读懂，搜索引擎也更加喜欢。
4：只有目的明确，结果清晰，过程才最高效，才不会轻易被干扰，被改变方向。
怎么学习div+css,有什么好的方法推荐。什么都不懂，初学
1、学习一下基本知识。包括html基本知识，然后再学习一下CSS基本语法。（两天）
2、实践开始，在网上搜索div+css教程，有一个十天学会div+css，写的比较全面，内容层次性强。你就把这十个课程的内容边学边做，体会网页制作基本过程。（五天）
3、高手必经之路，模仿制作。下载个火狐浏览器，安装firebug，它是网页设计最好用的浏览器。刚开始，你可以打开一个简单的企业网站，企业网站初学者模仿容易上手。你可以按F12，查看它的页面构成，包裹每个div都可以详细显示。看别人是如何用css+div布局的，然后自己按着别人的套路试试，看能不能实现。（一个月）
4、如果第三步模仿了两个网站之后，你就可以自己去下载个psd网页图片，然后自己切片，再通过div+css把它们摆出来试试。途中也许会遇到很多问题，包括切片，js特效，浏览器不兼容等。但是慢慢解决，就一定可以的。（一个月）
学习div+css三条建议：1、尽量别用试图设计，用代码手写，可以极大制作提高速度。
2、遇到问题，不会解答，多问别人，很多都是当局者迷旁观者清，你所遇到的问题高手很定都遇到过。
3、勤动手，坚持两个月，你就成为了高手。
div+css如何布局头部导航条！
1、新建一个html页面。
2、在html页面上新建三个div标签，分别为这三个div添加class为:header、main、footer。
3、创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。
4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。
5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。
6、保存好html文件后使用浏览器查看效果。
7、在浏览器上看到div标签和浏览器存在一些空白的像素，为了去掉这些空白的像素我们需要把body标签设置外边框。
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; chart=gb2312" />
<title>无标题文档</title>
<link rel="stylesheet" href="Untitled-3.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">网页导航栏</div>
<div id="pagebody">
<div id="sidebar">分栏一</div>
<div id="mainbody">分栏二</div>
</div>
<div id="footer">网页尾部</div>
</div>
</body>
</html>
以上代码不用我多说吧？其中有一个注意点就是 <link rel="stylesheet" href="Untitled-3.css" type="text/css" />这是用来链接外部样式表的，而这段代码要放在<head></head>之间；
（新建一个HTML文档，把以上代码复制下来，然后粘贴到新建的HTML文档中的<body></body>之间）这里一共用到了七个ID，下面我将CSS样式表再传上来，然后就样式表中的一些相关属性再一一细说！！！！！！
！
！
！
！
新建一个文档，把后辍改为.css，然后把以下代码复制到.CSS样式表中即可；
下面来详细说说其中代码的起到的功能；由于为了让你看的明白，加了颜色，色彩搭配上不是很合适，不好意思了！！！！
body{
margin:0px;
padding:0px;
font-size:12px;
text-align:center;
background-color:#999999;
}
/*body是页面整体布局的设置，参数margin是外部边的样式；他的顺序是：上－右－下－左； 参数padding是内边的样式，顺序与margin是一样的；font-size是字体大小;参数text-align是内容位置，center是居中显示，还有其它参数可供选择，这里就不一一详述。参数background-color是背景颜色*/
a:link {
color: #CC9900;
}
a:visited {
color: #0000FF;
}
a:hover {
color: #009900;
}
a:active {
color: #FF0000;
}
/*以上是链接样式 */
#container{
width:800px;
height:500px;
background-color:#0099FF;
}
/*以上是总体DIV的样式，其中属性：width是宽；height是高；background-color是背景色；以后样式中属性值相同处不再复述。明白吗？呵呵*/
#header{
width:750px;
height:100px;
background-color:#FF6600;
}
/*以上的代码是你要的导航头部*/
#pagebody{
width:690px;
height:240px;
background-color:#339933;
margin:10px;
padding:20px;
}
/*以上这段代码是信息主要区域了，新闻呀！！！商品呀！！！！图片呀！！！主要的都在这里面写了*/
#footer{
width:750px;
height:100px;
background-color:#996600;
}
/*以上这段代码就是你要的结尾了！*/
#sidebar{
width:350px;
height:250px;
float:left;
background-color:#FF0000;
}
#mainbody{
width:340px;
height:250px;
float:right;
background-color:#FF00FF;
}
/*以上两段代码是为了让你看明白怎么加入主区域内的分栏而写，其中有一个参数要特别说一下，那就是float这个属性了，它是让#sidebar与#mainbody这两个ID一个靠左一个靠右，如果不这样设置的话，那么这两个ID就会挤在一起了。明白了吗？*/
不清楚之处请告诉我，我再详细解答给你！
好好学吧！只要持之以恒就一定会学会的！刚开始的时候是有些摸不着头脑，多看资料，多看书 多做练习，第一遍看不懂是正常的，第二遍如果还看不懂也没关系，一直看下去，只到看懂为止，古人云：书读万遍其意自现呀！呵呵，这些都是题外话，有点MJ了，呵呵！！！不要只看不练习，那样看多少都是徒劳的！一定要练习，多练习；正所谓，熟能生巧。
贴子就写到这里了。共同学习，一起进步吧！！！！
div+css要怎么学？
首先，要看一些html和css手册的，要明白html里的基础标签，知道css里具体的属性是做什么的。其次，找一些经典的网站，小站就可以，看看人家是怎么一个个控制的，也要听一些视频。第三，自己动手开始写一些，这时肯定会出现问题，你就要一个个的解决问题，兼容性问题很常见，网上也有总结的调兼容性的方法，照着做一下，慢慢就可以了。我就是这么学的，希望对你有帮助。。
DIV+CSS技术如何入门
CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。
一. CSS学习重在方法!
学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法!
要想掌握CSS, 首先要学会HTML!
再来谈一下学习过程中的细节，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什么。一个小例子：“麻雀虽小，五脏俱全”，你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。
阅读一本书，一般来说第一次要先把整个书通读一遍，不理解的也要往下看，在往下看的过程中你也许会找到那个问题的答案。看完后你有一个大概的印象，但一定有很多不明白的地方，没关系，继续往下看。第二遍你就要边看边做学习笔记了，把你认为是重点的部分写上，还有，你觉得有疑问的部分也要记下，带着疑问看下去，如果没有答案，你可以去BBS上发一个贴子，好心人还是很多的，提示一句：“一定要学会如何去问问题!” 。你还要上机去练习书上的例子，最让你困惑的：“一是记不住，二是对概念的理解有误(这一条可能是书译的不好，另外就是你的理解不对)”，对于第一条你就要树立信心，坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。
有好多人也看了，但是没有什么进步，主要有以下几个原因：
原因一：压力不够，因为有不少人比如美工学CSS，因为是看别人学，所以学之，不学就没优势!这样的压力是很小的，学不好还有美工这碗饭。
原因二：只是业余学习，这样学还只是玩一玩，因为你不一定非要以这门技术吃饭。
原因三：方法不对，有的人只是在看教程，但他不动手去做，我以前就是看的太多，做的太少，所以有了实践你才能把理论的东西揉进去。
二. 掌握CSS的四个学习阶段
阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。
阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术(我对HACK技术只是知道，但用的很少)
阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢!
阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS，这两方面以后一定会写专题来研究。
三. CSS初学者常见问题：
第一个要求是缩图的正下方要有个标题。作法相当直接了当：在你的 HTML 里放上图片，接着一个断行 (BR)，再把标题放在一个段落 (P) 里并且置中 (利用 CSS)。
接着要让这些缩图跟标题成对地排列在浏览器窗口里。使用表格排版时，这一对对的缩图跟标题会被分别放置在 TD 里。在使用 CSS 排版时，我们要把它们分别放置在 DIV 里。为了让它们能水平排列在窗口上，我们用 CSS 让这些 DIV 往左浮动 (FLOAT)。
问题1：学CSS应该选什么样书来读?
先推荐几本：《CSS权威指南》《网站重构》《网站布局实录》《HTML参考大全》
问题2：用什么软件编辑CSS代码?
只要已经能达到会手写的程度，用什么软件都可以，推荐使用DreamWeaver外挂TopStyle(最新版本是Pro V3.12)。
问题3：先写HTML还是先写CSS?
网上有很多种答案：先写HTML后写CSS;先写CSS后写HTML;两者同时写。两者一起写更适合初学者，先写CSS或者先写HTML对于初学者都不是恰当得的方法。如果让一个人编写代码，你告诉他先写HTML,写完后 HTML不能修改了，然后你写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了!所以对于初学者，多数情况下建议同时编写，具体说一下步骤：
先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES,这两个是最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页连接到这个外部样式表。
然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。
写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。
为什么说我们不可能一次性把HTML部分写好呢，因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经验的不足没有提前预料到的，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。大至的写法就是这样，你也可以HTML/CSS同时进行，都是可以的，看你的习惯。我们写代码时很多时候是边写代码边测试，也不是说写一句测试一句，而是写了一段代码后就进行浏览器的测试，一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下，是因为一个人如果经验多的话，他们就会知道并提前预防浏览器错误显示的发生了!所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误，你第一次遇到错误的浏览器显示问题你要花时间去修补，而他们可提前防止或遇到了可立即解决问题!这就是你与他们的不同点之一。
初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键，所以一定要记住那些常用的快捷键，每一个小的细节都有一点提高，综合在一起就是很大的提高。
另外提高自己的水平最好的方法就是多实践，多找一些比较好的HTML+CSS的模板进行编码实践，开始时要选一个简单点的，把页面截图，然后把这张图用自己的想法还原成HTML页面……
http://cnmaple.cn
