div+css基础介绍

　

divcss

p+css是什么？

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

• 优点

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

• 缺点

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

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

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

    

优势

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

文章最后发布于: 2018-10-30 16:32:43

相关阅读

CSS中使用vertical-align:middle使元素垂直居中的坑

在CSS样式中，vertical-align 属性设置元素的垂直对齐方式，想必学过一个前端的人都知道这个东西，也知道怎么用。今天在做 项目的时候

用 CSS3 画心形和搜索放大镜图标

用 CSS3 画心形 1、先来个class="heart"的p <p class="heart"></p>  2、讲上面的 p 整成红色的正方形，然后转 45 度变成个菱

书签制作css

1、使用渐变，效果如图 <p class="bg"><span>我是标签</span></p> <style> .bg{ width: 115px; line-height: 5

CSS中background-color属性（一）

  background-color背景颜色属性。css2.1中，颜色的表示方法有哪些？一共有三种：单词、rgb表示法、十六进制表示法1. 用英语单词来表

css3中background-repeat的 space和round属性

background-repeat space/round属性 2018-06-01 admin 1.容器空间小于图片 p { width: 200px; height: 200px; bor