div问题请教

来源:百度知道 编辑:UC知道 时间:2024/05/29 00:11:42
以下代码的显示结果 我没看出来 DIV 都是有什么区别? 高手解答下 谢谢
<HTML>
<HEAD>
<TITLE>为页面添加层</TITLE>
</HEAD>
<BODY>
下面的页面元素都是位于在一个层内。
<DIV>
<H3>层内的标题文字</H3>
<P>层内可以包含多种页面元素。</P>
<P>层内也可以插入图片、表格等。</P>
</DIV>
</BODY>
</HTML>
显示结果:
下面的页面元素都是位于在一个层内。
层内的标题文字
层内可以包含多种页面元素。

层内也可以插入图片、表格等。
我真的看不来 DIV 到底想实现的是什么效果。

层就相当于一个容器,里面可以放任意的东西,而你可以用css随意打扮这个容易

我把你的容器随便加了点样式,你可以看一下效果

<HTML>
<HEAD>
<TITLE>为页面添加层</TITLE>
</HEAD>
<BODY>
下面的页面元素都是位于在一个层内。
<DIV style="width:500px; height:300px; float:left; color:#6633FF; background:#f1f1f1; border:#000000 1px dashed;">
<H3>层内的标题文字</H3>
<P>层内可以包含多种页面元素。</P>
<P>层内也可以插入图片、表格等。</P>
</DIV>
</BODY>
</HTML>

层 还有很多的属性你还没用呢 。有的是设置层的路径的 ,有的是可以控制层中的样式的,用层还可以布局,相比< table > 的 <tr><td>来说 减少了很多的垃圾代码

你用table布局时,table到底起的什么作用?实现的什么效果?
和table差不多,div就是套套,为其他元素提供容器,是标准网页布局中最常用的也最通用的结构化元素,div的英文是division,在这里我们就理解为文档结构块就可以,它可以把文档分割成多个有意义的区域。如
<div id="header"></div>
<div id="content"></div>
<div id="footer></div>
忘记层这个概念,别被dw搞糊涂了。层仅是div在定位时的一种状态,具有层的特点,从一个普通的标签去理解它,忘记层