div+css基础介绍

版权声明:版权归作者所有,转发请标明 https://blog.csdn.net/weixin_40087851/article/details/83509215

div+css是什么?

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

  • 优点

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

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

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

优势

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

猜你喜欢

转载自blog.csdn.net/weixin_40087851/article/details/83509215