基本动态——层叠样式表单定位

层叠样式表单全称Cacading Style Sheets(CSS),它是DHTML（Dynamic HyperText Markup Language）的基础，适用于Netscape Navigator 4.x和Internet Explorer4.x。CSS允许建立一种“样式（Style）”，来精确地指定元素在页面上的显示样式。所谓“样式”就是页面上各个元素的显示形式，例如：字体颜色，文档的背景，图片的边距等。

 层叠样式表单定位是CSS的的延伸，它为屏幕上的所有东西赋予了精确到像素的定位。

 现在来看一个例子：

当把HTML元素放置在一个

标记中时，包含HTML的
标记就被当作“DIV块”，“DIV元素”，“CSS层”或仅仅一个“层”来使用。但是不论它们的名字叫什么，它们都是指的同一个事 物——即含有HTML的“DIV标记定位”。

实际上，编辑时不一定非要使用

标记不可。同时还可以使用其他标记，诸如或.别外还有一个叫做的标记，它与〈DIV〉基本上属于同一类的东西——“空”标记。不过请注意，就像0摄氏度不代表没有温度一样，“空”标记并不代表“什么也不是”，它们仅仅被用于样式表单而只是没有格式属性罢了。

在这里，还要给出一些有关HTML编写的小秘密，它们能够使设计者的编写代码速度大大提高：

1 Netscape和Internet Explorer两种浏览器都默认使用“pixel(像素)”值，所以不必在每个数字后面都键入“px”单位，也就是说，当仅仅键入数字时，浏览器都会把它们自动看成像素值。

2 默认的visibility属性是“visible”,因此除非要定义“hidden”,否则不用专门去定义可见性属性。

3 根据HTML语法结构，在属性和值之间原则上是要加入空格的，但有时可以偷懒，让编辑器来帮助自动完成，因为键入成百上千的空格还是一个不小的工作量。

4 〈DIV〉标记的“height”属性是可写可不写的，因为它总是能够根据

里面的内容调整最合适的高度。但是请特别注意：每一次都需要定义“width”属性，因为在Internet Explorer浏览器，默认的宽是浏览器窗口的宽度（实在太大了！）。如果不定义元素的“width” ，那么在Internet Explorer窗口的下侧将会看到一个恼人的水平滚动条，所以有了上面的技巧，对于一般设计者可以这编写一个
标记；

虽然它省略了许多属性，但是这段代码的运行效果和前面一个是完全相同的。