【图】CSS精选教程：2天轻松驾驭DIV+CSS

很多朋友在刚接触DIV+CSS的时候，都很迷茫，不知道从何学起，看网上的教程吧，理论性的东西太多，越看越糊涂，再说时间上也不允许，也没有那个耐心，其实KwooJan也不喜欢看这种视频教程，很枯燥，很乏味，即使耐着性子看完收获也不大，实用性不大，群上的一些朋友告诉我，他们学习DIV+CSS没有思路，不知道怎么去学，如何去学，希望KwooJan能带着他们一步一步走，从今天开始我将写个教程，打算以例子为主，帮助大家更轻松的驾驭DIV+CSS。

所有的教程学习起来，也就两天时间，希望大家努力哟~！

如果您是高手，认为教程太初级的话，就请速速离开！谢谢合作！因为教程是引导初学者学习的！有不正确的地方，我会很感谢你给指出，但是请勿骂街！

好了，在这里我必须要给大家纠正一个错误，我们平时说的DIV+CSS其实是一种错误的说法，是中国人自己发明的，并不准确，不能够将所谓的页面布局思想说的很确切，其实应该说XHTML+CSS才对。
提醒一下大家，面试的时候要注意哟，可以说DIV+CSS，不过最好解释一下实际应该是XHTML+CSS，这样显得咱比较专业吗嘛！增加成功几率！

用到开发的工具：DreamWeaver、IEtester、FireFox
Adobe DreamWearver CS4 绿色免安装版下载 IETester 最新中文版下载 Firefox最新版下载

【说明】：
1）本教程重能让大家用一两天时间就可以掌握DIV+CSS布局页面技能的80%，剩下的就靠自己多练习练习来提高了！，你可以到版块每日一练你可以选择不同等级的习题进行练习。
2）为了能使教程标准，帮助大家养成习惯，教程中的DIV+CSS全部用XHTML+CSS;
3) 学习教程前，一定要对HTML和CSS有一定的了解，不需要太多，只要能看懂就OK！因为这是基础，如果不会的话，可以到论坛初级教程学习。
4）学习此教程之前，建议先看看文章《CSS VS Table你必须要知道的!》，学起来才能事半功倍。
5）教程均是以例子的形式出现，源代码都打包放到教程附件中，对于教程中用到的概念，都以课程关键词列出来，一定要重视！这可是每节课的重心！不明白的点击关键词查看相应解释。
6）课程中的例子，一定要先自己做，然后再对照KwooJan的代码。

CSS精选教程：2天轻松驾驭DIV+CSS,PS教程,图老师教程网

课程列表：
基础篇：

DIV+CSS基础教程：DIV+CSS的叫法是不准确的
DIV+CSS基础教程：使用Table布局是不明智的
DIV+CSS基础教程：XHTML+CSS与SEO
DIV+CSS基础教程：CSS如何控制页面
DIV+CSS基础教程：CSS选择器
DIV+CSS基础教程：CSS选择器命名及常用命名
DIV+CSS基础教程：盒子模型
DIV+CSS基础教程：块状元素和内联元素

课程：

DIV+CSS基础教程：盒模型、块状元素与内联元素、CSS选择器
DIV+CSS基础教程：浮动
DIV+CSS基础教程：清除浮动
DIV+CSS基础教程：导航条的制作详解
DIV+CSS基础教程：浮动(float)页面布局
DIV+CSS基础教程：定位
DIV+CSS基础教程：定位应用
DIV+CSS基础教程：CSS Hack
DIV+CSS基础教程：CSS Hack详细版

实例篇：