编辑“DIV”

'''DIV'''简单的说就是一个标签。

*我们都知道，在。[[网页]]上利用[[HTML]]定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式[[GIF]]图象，即使这样也不能保证定位的精确，因为[[浏览器]]和操作平台的不同会使显示的结果发生变化。而[[CSS]]能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上

==使用 DIV 标签 （div）==
*当我们使用 CSS-P 的时候， 我们主要把它用在 DIV（division）tag 上。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或 “DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在 DIV 中的 HTML。

*使用 DIV 的方法跟使用其他 tag 的方法一样：

*如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用  是一样的。

*但当我们把 CSS-P 用到 DIV 中去以后，我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它，比如说移动它或改变它的一些性质等等。
*给层次取什么名字是随意的，名字可以是任何英文字母和数字，但第一个必须是字母。有两种把 CSS-P 应用到 DIV 的方法。
==DIV+CSS布局大全==
[http://down.zzbaike.com/ebook/divcss-434.html DIV+CSS布局大全]
===Inline 是最常用的方法===
*External STYLE tag：使用 External 方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论Inline 方法。请注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的关系。
*Cross-Browser CSS 性质：我们这个课程的主要目的是让你写出的网页在 NS4 和 IE4 上都能工作，所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由 W3C 给出的标准。
*position 决定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相对于其他 tag 的，而“absolute”是说 DIV tag 的位置是相对于它所在的窗口。
*left 相对于窗口左边的位置
*top 相对于窗口上边的位置
*width DIV tag 的宽度。所有在 DIV 里的文字或html都在里面。
*height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。
*clip 给出 layer 的 clipping（可看的见的）部分。Clip 可使得 DIV 显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。
*clip:rect(top,right,bottom,left);
*visibility 隐蔽或展现DIV 根据它的值“visible”，“hidden”，“inherit”。
*z-index DIV tag 的立体位置。值越大 DIV 的位置越高。
*background-color DIV 背景的颜色。
*layer-background-color Netscape 的 DIV 背景颜色。
*background-image DIV 的背景图象。
*layer-background-image Netscape 的 DIV 的背景图象。 
==相关条目==
*[[CSS]]
==参考来源==
*[http://zhaoyangbluesky.blog.sohu.com/46655860.html 参考来源1]

[[category:网页制作|D]]
[[category:W3C|D]]