所谓DIV+CSS就是现在提出一种新的网页制作标准,就是抛弃了传统的表格布局,而以DIV作为基础布局,而以CSS控制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>div+css示例</title>
<style type="text/css">
#mainbox{width:810px;border:1px solid #F00;margin:0 auto 0;}
ul{list-style:none;margin:0}
li{width:200px;border:1px solid #FCF;float:left;}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="mainbox">
<ul>
<li><a href="index.html" target="mainFrame">图书入库</a></li>
<li><a href="index.asp" target="mainFrame">查看章节</a></li>
<li><a href="book.asp" target="mainFrame">章节添加入口</a></li>
<li><a href="jianshi.asp" target="mainFrame">小说更新监视</a></li>
<li><a href="index.html" target="mainFrame">图书入库</a></li>
<li><a href="index.asp" target="mainFrame">查看章节</a></li>
<li><a href="book.asp" target="mainFrame">章节添加入口</a></li>
<li><a href="jianshi.asp" target="mainFrame">小说更新监视</a></li>
</ul>
</div>
</body>
</html>
复制下来看看.
DIV+CSS布局要至少节省50%的代码,只是用来表现内容,至于形式,完全通过css控制,
http://www.blueidea.com/tech/site/2006/3574.asp上有一篇极经典的教程,你可以看一下.
参考资料:http://www.blueidea.com/tech/site/2006/3574.asp