div布局问题~

来源:百度知道 编辑:UC知道 时间:2024/06/04 13:43:46
一直用表格来的 现在想学div~ 可是总是用不好div~ 感觉很乱 样式要写很多!还有里面什么时候用div什么时候用ul和li 总是搞不清楚,会的人讲讲~谢谢~我比较笨 越详细越好~

div和span是css布局中新增的两个元素,前者为外联元素块,后者为内联元素块,主要是用来解决以往p,a等元素无法包含大部分内容而存在的。
举例来说,
如果我一个导航栏只包含[首页] [注册] [登录]这样的信息,那么我们就没必要使用div或者span,这样写是最优解:
<ul id="topNav">
<li>首页</li>
<li>注册</li>
<li>登录</li>
</ul>
针对新闻栏目的时候,比如头条新闻包含标题以及概述,我们单单使用p元素或者h元素并不能达到涵括所有内容的目的,这里就要使用div元素,也就是“块”元素将它包裹起来形成一个整体,方便应用css样式以及脚本
如:
<div id="hotNews">
<h1>新闻标题</h1>
<p>新闻内容概述..</p>
</div>
总之,css的目的是要解决一个代码重用的问题,并且在设计的时候应该遵循够用实用原则为第一,很多情况下p元素可以代替div存在的。
希望对你有所帮助!

div+css吧?
页面全用div,完全替代<table>.
ul,li是在div中定义位置的.
具体去网上学学http://www.blueidea.com/tech/site/2006/3574.asp