html中div的用法

div的作用是实现页面布局、实现对内容样式的控制、实现各种各样的布局效果。

CSS是DHTML的基础，CSS用于设定HTML元素在页面上的显示风格，而CSS-P则是CSS的一个扩展，它可用来控制HTML元素在网页上或者说在窗口的位置。下面的两个链接提供了CSS和CSS－P详尽的技术手册：

　　 W3C CSS-Positioning

　　 Builder.com's CSS Guide

　　 在本课程中，将会反复地对CSS进行介绍。

　　 使用DIV标签

　　 使用CSS－P，主要依靠< div >标签来实现，当你把HTML内容放在< div >标签里时，可以称它为:“DIV块”, “DIV 元素”, “CSS-layer”,或者简单的称之为“layer”。

　　 使用DIV标签的方法和其他标签没有什么两样：

　　 < div >

　　 HTML内容

　　 < /div >

　　 纯粹使用< DIV >标签而不加任何CSS内容，其效果与用< P >< /P >是一样的。

　　 但当把CSS放进DIV标签中以后，我们就可以指定HMTL元素显示在屏幕上的具体位置，可以在某一位置上画出方形或线，或者指定文字在某一个块中如何显示。首先要做的，是给这个DIV元素（即层）加上一个唯一的ID标识（ID的作用类似于为这个层起个名字）。

　　 < div　id="abc" >

　　 加一个ID号

　　 < /div >

　　 层的ID可以随意设定，可由字母、数字和下划线组成，但必须以字母起头。

　　 你可以用以下两种方法来实现CSS：

　　 嵌入式CSS:

　　 嵌入式是最常用的方法，

　　 < div　id="abc" style="this is style" >

　　 内嵌式CSS

　　 < /div >

　　 外部样式表：

　　 使用外部引入方法的结果是一样的，只不过它在书写上要相应的复杂一点。

　　 < style type="text/css" >

　　 < !--

#abc {this is style}

　　 -- >

　　 < /style >

　　 < div　id="abc" >

　　 引用外部样式表

　　 < /div >