将CSS开发的HTML与HTML表格进行比较。例B的代码显示了使用DIV标签定义页面主要区域（标题、菜单、内容和页脚）。另外，菜单区域使用了无序列表。CSS包含在HTML头部分。它为不同的DIV标签指定显示规则。这些不同的DIV标签包括颜色和页边距。
<html><head>
<title>TechRepublic.com - CSS layout</title>
<style type="text/css">
#header {
position:absolute;
margin: 0;
background: red;
width: 500;
height: 25;
}
#menu {
position:absolute;
margin-top: 20;
background: silver;
width: 500;
height: 25;
}
#menu ul {
margin: 0;
list-style: none;
text-align: center;
}
#menu ulli {
display: inline;
padding: 0 00 23px;
}
#content {
position:absolute;
margin-top: 45;
background: yellow;
width: 500;
height: 450;
}
#footer {
position:absolute;
margin-top: 490;
width: 500;
background: green;
}
</style></head><body>
<div id="header">
header
</div>
<div id ="menu">
<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>
</div>
<div id="content">
body
</div>
<div id="footer">
footer
</div></body></html>
CSS设计的优点是便于维护，因为其内容由HTML控制，并且其显示也易于维护。因为CSS对浏览器的支持有些不一致，所以需要不停地测试，使用CSS hacks可以调和不同的浏览器。
进行Web设计不仅仅只是HTML表格和CSS两种方式，如可以使用Macromedia Flash设计动态界面。但是，应该为浏览器不支持flash的用户或不关心flash界面的用户提供一个可选方案（HTML或CSS ）。
杂合方法
我现在采用HTML表格和CSS杂合的方法开发一些项目。杂合方法有利于不同浏览器之间进行调和。
在Web现阶段，我倾向于使用杂合方式进行Web 设计，此时CSS可用于控制页面大多数元素的显示（字体、大小、颜色等等）。而表格则能完成CSS不支持的内容。
您将采用什么方法进行Web页面设计呢？喜欢CSS和HTML表格吗？请在本文的讨论区分享您的想法。
评论加载中…
 |