深入剖析DIV概念和用法

开发 前端
本文向大家介绍一下DIV的概念,DIV在编程中又叫做整除,即只得商的整数。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。

在学习网页设计的过程中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来控制它,比如说移动它或改变它的一些性质等等。

【编辑推荐】

  1. 新手上路 如何学习DIV+CSS制作网页
  2. Div+CSS布局入门教程之页面布局和规划
  3. 深入学习DIV+CSS之绝对定位和相对定位用法
  4. Div+CSS布局入门之写入整体层结构与CSS
  5. DIV+CSS开发过程中影响SEO的制作细节
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-24 09:52:55

DIV标签

2010-06-30 16:00:01

FTP协议

2010-08-27 10:04:33

borderclearCSS

2010-09-07 13:40:02

DIV标签

2010-09-14 09:41:56

DIV技术DIV标签

2010-02-06 16:05:51

C++ Vector

2010-10-08 12:52:33

Javascriptreplace

2010-09-06 12:32:10

CSS伪元素

2010-01-06 16:45:42

.Net Framew

2010-09-13 09:17:27

DIV页面

2010-08-16 10:25:23

DIVSPAN

2010-09-10 15:01:26

CSS+DIV排版

2010-08-16 13:39:18

DIV+CSS

2010-09-13 13:21:29

CSS排版

2010-08-17 14:05:48

Div+CSS

2010-08-31 10:11:50

divuldl

2010-08-16 08:54:48

DIVCSS

2010-09-15 14:00:06

position属性DIV

2010-08-30 08:41:43

DIV显示DIV隐藏

2010-10-08 15:17:47

JavaScriptJava
点赞
收藏

51CTO技术栈公众号