怎样深入剖析DIV概念和用法

本篇文章给大家分享的是有关怎样深入剖析DIV概念和用法，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

在学习网页设计的过程中DIV的概念经常会遇到，这里和大家分享一下DIV的概念和用法，DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。

DIV简介

DIV在编程中又叫做整除，即只得商的整数。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

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

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

而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上，还有...还有......你自己慢慢看吧！
CascadingStyleSheets（CSS）是DHTML的基础。CSS用来设定你网页上的元素是如何展示的。CascadingStyleSheetsPositioning（CSS-P）是CSS的一个扩展，它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词：CSS和CSS－P。

使用DIV标签

当我们使用CSS-P的时候，我们主要把它用在DIV（division）tag上。当你把文字，图像，或其他的放在DIV中，它可称作为“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在DIV中的HTML。
使用DIV的方法跟使用其他tag的方法一样：ThisisaDIVtag.

如果单独使用DIV而不加任何CSS-P,那么它在网页中的效果和使用是一样的。
但当我们把CSS-P用到DIV中去以后，我们就可以严格设定它的位置。首先我们需要给这个可以被CSS-P控制的DIV一个ID或说是它的名字。比如说我们给下面这个DIV的名字是truck。给名字的目的是我们以后可用JavaScript来控制它，比如说移动它或改变它的一些性质等等。

以上就是怎样深入剖析DIV概念和用法，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。