html div标签属性教程,前端基础之DIV标签讲解！

摘要：

DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。

DIV元素，是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

先前写过一章：做网页先布局----切切豆腐块，本章将讲解div的使用！

简介

定义:

可定义文档中的分区或节(division/section)。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。

用法：

DIV标签应用于 Style Sheet(样式表)方面会更显威力，它最终目的是给设计者另一种组织能力，有 Class、Style、title、ID 等属性。

不必为每一个

都加上类或 id，虽然这样做也有一定的好处。

可以对同一个

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组(类似的元素，或者可以理解为某一类元素)，而 id 用于标识单独的特定的元素。

实例

以下内容为例：

align="center"

可选值：center，left，right 。决定字、画、表格等居中、靠左或靠右的作用和居中标记

一样，前者是由 HTML3.0 开始 的标准，后者是通用己久的标示法。

CSS单元的位置和层次-div标签

我们都知道，在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象，即使这样也不能保证定位的精确，因为浏览器和操作平台不同会使显示的结果发生变化。

而CSS能使你看到希望的曙光。利用我们即将学到的CSS属性，你可以精确地设定元素的位置，还能将定位的元素叠放在彼此之上。

Cascading Style Sheets(CSS)是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS 的一个扩展，它可用来控制任