DIV技术概念及用法详解

开发 前端
DIV技术又称DIV元素和DIV标签,DIV在编程中又叫做整除,即只得商的整数,而DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。

本节向大家描述一下DIV技术的的概念和用法,DIV技术的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

DIV技术

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来控制它,比如说移动它或改变它的一些性质等等。

【编辑推荐】

  1. 深入学习DIV标签概念及其用法
  2. 使用DIV标签进行页面布局
  3. DIV标签实现布局的方式
  4. 完美实现丰富的CSS文字效果
  5. 鼠标经过时改变DIV背景颜色的三种途径
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-24 09:52:55

DIV标签

2010-08-23 16:23:53

CSS+DIV

2010-06-03 18:32:51

Hadoop

2017-06-15 13:15:39

Python协程

2010-08-27 13:46:58

DIV+CSS

2010-08-24 10:01:05

DIV

2010-06-07 13:23:56

Hadoop 学习总结

2010-08-16 11:19:31

DIV

2010-09-14 16:20:19

DIV定位

2010-08-16 16:27:42

DIV布局属性

2010-08-26 16:40:35

DIV定位

2010-08-16 13:17:47

DIV+CSS

2009-08-12 10:37:13

C#运算符重载

2015-05-25 19:13:13

KPI开发者

2010-10-08 14:54:22

JavaScript特

2010-08-30 14:27:06

CSS样式表

2009-08-25 18:16:02

.NET Framew.NET Framew

2009-02-18 10:21:00

IP电话语音通信

2010-09-10 15:01:26

CSS+DIV排版

2010-08-16 13:03:27

DIV
点赞
收藏

51CTO技术栈公众号