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

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

成都创新互联公司来电联系:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联公司网页制作领域10多年,包括展览展示等多个方面拥有丰富设计经验,选择成都创新互联公司,为网站保驾护航。

在学习网页设计的过程中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概念和用法,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


文章题目:怎样深入剖析DIV概念和用法
标题路径:http://scyanting.com/article/jcedsc.html