利用css+div布局网页的方法

• 01.了解html高清
  
• 02.开发环境准备


• 03.认识html的组成结构
  
• 04.网页布局之切切豆腐


• 05.css控制div显示
  
• 06-浮动布局


• 07.清除浮动
  
• 08.实战首页布局


• 09.新手常犯的错误
  
• 10-盒模型


• 11.盒模型之margin讲解
  
• 12.margin首页实战


• 13.盒模型之border讲解
  
• 14.CSS画三角形


• 15.盒模型之padding详解
  
• 16.padding与背景


• 17.padding首页实战
  
• 18.盒子模型总结


• 19.利用margin实现元素居中
  
• 20.margin重叠现象研究


• 21-内联元素
  
• 22.内联与块状的转化


• 23.css控制段落
  
• 24.css控制文字大小字体及颜色


• 25.css字体设置技巧
  
• 26.css设置背景图片


• 27.精确控制背景图片位置
  
• 28.css选择器


• 29.css优先级
  
• 30.css4种引入方式


• 31.css初始化
  
• 32.HTML学习思维导图


• 33.h标签与p标签
  
• 34.img标签


• 35.img到底是块状还是内联
  
• 36.有序列表与无序列表


• 37.整齐的表格
  
• 38.超链接


• 39.锚点
  
• 40.伪类


• 41.字符实体
  
• 42.公司网站开发之首页布局


• 43.公司网站开发之导航
  
• 44.公司网站开发之main区域(1)


• 45.公司网站开发之main区域(2)
  
• 46.公司网站开发之footer区域


• 47.公司网站开发之色彩微调
  
• 48.行高与文字竖直居中


• 49.IE浏览器兼容
  
• 50.附录① 色彩的表示


• 51.附录② 尺寸的表示
  
• 52.附录③ css画圆角


• 53.附录④ 相对定位与绝对定位
  
• 54.附录⑤ oveflow溢出处理


• 55.附录⑥ 表单
  
• 56.附录⑦ 框架集


• 57.结课作业

在DIV+CSS网页布局方法出来之前，我们都是使用表格对网页进行布局，这种方法代码量很大，而且以后再想修改，比较麻烦。

有了DIV+CSS以后，使用很少的代码，就能做出极漂亮的网页，而且以后再想修改、变动极容易，只要动一动CSS的代码，极简单就可以实现。

利用css+div布局网页的方法教程，就来教大家具体的布局方法。

以前的表格布局基本上淘汰了，现在我们都是以DIV+CSS布局为主。

一般DIV+CSS页面都是html和css文件分开的也就是说一个网页的内容与表现形式的分离，一般修改小小部分的css文件里css样式属性就可以修改真站的样式版面，如背景颜色、字体颜色、网站宽度等具有table不具备的方便性。

可以说，如果再学习网页布局的方法，都是使用DIV+CSS了。

当然，使用这种布局方法，对网页制作人员的技术要求也是比较高的，而且还要兼容各浏览器及版本浏览器要求较高。

但现在这种布局方式已经开始流行，难是相对难了点，但我们也需要学好。

我们这部教程，就可以快速教会大家利用css+div布局网页的方法，教程特别详细。