div+css基础介绍

div+css是什么？

• 传统页面一般是用<table>元素来布局和显示数据，优缺点如下：

• 优点

  • 显示样式和数据绑定在一起。
  • 布局时使用table，灵活度不高。
  • 一个页面会有大量的<table>元素，代码存在冗余。
  • 增加带宽。使用table要考虑预留空间问题。
  • 搜索引擎不喜欢这样的布局。

• 缺点

  • 理解比较简单。
  • 不同的浏览器看到的效果一般是相同的。
  • 显示数据较好。

• 基于传统页面的缺点，我们提出了div+css。div+css基本思想是将数据和样式分离：

  • div元素是用来为HTML文档内大块的内容提供结构和背景的元素（用于存放内容（文字、图片、元素）的容器）。
  • css是一种用来表现HTML或XML等文件式样的计算机语言（用于指定放在div中的内容如何显示，包括这些内容的位置和外观）。
    

优势

• 符合W3C标准。微软等公司均为W3C支持者。
• 搜索引擎更加友好。
• 样式的调整更加方便。内容和样式的分离，使页面和样式的调整更加方便。
• 代码简洁，节省带宽。
• 表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。