div+css基础介绍

div+css是什么?

  • 传统页面一般是用

    元素来布局和显示数据,优缺点如下:

  • 优点

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

    • 理解比较简单。
    • 不同的浏览器看到的效果一般是相同的。
    • 显示数据较好。
  • 基于传统页面的缺点,我们提出了div+css。div+css基本思想是将数据和样式分离:

    • div元素是用来为HTML文档内大块的内容提供结构和背景的元素(用于存放内容(文字、图片、元素)的容器)。
    • css是一种用来表现HTML或XML等文件式样的计算机语言(用于指定放在div中的内容如何显示,包括这些内容的位置和外观)。
      div+css基础介绍_第1张图片
  • 优势

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

    你可能感兴趣的:(网页设计之div+css)