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

摘要:

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

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

6d27afabe8be213ce623efb1c485f47a.gif

先前写过一章:做网页先布局----切切豆腐块,本章将讲解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 的一个扩展,它可用来控制任

你可能感兴趣的:(html,div标签属性教程)