零基础学习div+css教程

• 第1集 DIV CSS对页面布局的优势
  
• 第2集 页面布局的W3C盒子模型一


• 第3集 页面布局的W3C盒子模型二
  
• 第4集 和页面布局有关的CSS属性一


• 第5集 和页面布局有关的CSS属性二
  
• 第6集 和页面布局有关的CSS属性三


• 第7集 登录和注册的简单布局
  
• 第8集 使用盒子模型设计页面布局


• 第9集 网站布局实例（一）
  
• 第10集 网站布局实例（二）


• 第11集 网站布局实例（三）
  
• 第12集 网站布局实例（四）


• 第13集 网站布局实例（五）

提起网页的布局，以前主要使用表格的模式，现在普通使用div的模式。

零基础学习div+css教程，就来详细教大家这种布局的方法。

网站建设中无论使用表格还是CSS，网页布局都是把大块的内容放进网页的不同区域里面。有了CSS，最常见用来组织内容的元素就是<div>标签。CSS排版是一种很新的排版理念，首先要将页面使用<div>整体划分几个板块，然后对各个板块进行CSS定位，最后在各个板块中添加相应的内容。

以前的表格布局方面已经被淘汰，目前已经无人使用，所以我们要学习div+css的布局方法。

要想学好DIV CSS，最好的方法就是先掌握最基础的知识，然后再加上大量的练习，练习是从始到终的，不要断，即使找一些简单的网页进行布局实践，开始可能开发很慢，会遇到很多小问题，也不急。最后总结，这个是没有讨巧的过程，网上什么速成，适合自己、靠谱吗？开始学习吧！多学点总是有好处的。

这个光学理论也是没有用的，最重要的就是自己多写多练才行。

使用这种布局方式，以后再想给网站改版将是一个极简单的事情，缩短改版时间，只要简单地修改几个CSS文件，就可以重新设计一个拥有成百上千页面的站点。

在table布局中，垃圾代码会有很多，一些修饰的样式和布局的代码混合在一起，很不直观。而DIV更能体现样式和结构相分离，结构的重构性强。

使用div+css，可以大大缩减页面代码，提高页面浏览速度，缩减带宽成本，好处还是极大的。

既然DIV+CSS布局好处这么多，一起来详细学习一下吧。