div+CSS的布局基本原则有哪些?

来源:百度知道 编辑:UC知道 时间:2024/05/17 03:39:08
需要遵循什么样的原则?

引用别人的回答

用DIV就要抛弃TABLE的思想,DIV里没有行啊列啊这些东西。只是要用DIV把网页划分成一小块一小块的。在划分的过程中,遇到列表就要用ul/ol、li;遇到段落要用p。。。等等
那BAIDU这个网页举个例子,可以把顶部的BAIDU标志旁边的一大块搜索要用到的输入框划成一个大DIV。然后再细分一下,左边的LOGO划成一个DIV,右边那陀又是个DIV。现在的结构就基本嵌套成这样了:
<!--最外面的大DIV-->
<div class="header">
<!--LOGO-->
<div class="logo">
</div>
<!--一大陀-->
<div class="search">
</div>
</div>
然后再看右侧DIV里的新闻、网页、贴吧什么什么什么的,可以看成一个列表。那么就成了:
<!--一大陀-->
<div class="search">
<!--横着的列表-->
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>

.....总之需要用到什么标签就用什么。