DIV技术概念及用法详解
创始人
2024-07-13 19:21:51
0

本节向大家描述一下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背景颜色的三种途径

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
规避非法攻击 用好路由器远程管... 单位在市区不同位置设立了科技服务点,每一个服务点的员工都通过宽带路由器进行共享上网,和单位网络保持联...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...