浅谈p+CSS与表格布局的对比.docxVIP

??

?

??

浅谈p+CSS与表格布局的对比

?

??

?

?

?

?

?

?

?

???

?

?

?

?

?

摘要：随着互联网和信息技术的发展，网页制作技术也在不断进步，为了吸引浏览者的注意，网页制作者应根据不同的网站采用不同的布局方式，本文通过同一个网页采用两种布局方式的代码编写，说明p+CSS与表格布局各自的优势。

关键字：Html代码pCSS表格布局DINV+CSS布局优势

对于一个网页设计者来说，必须掌握HTML语言，因为它是所有网页制作的基础，但是如果希望网页美观、大方，并且升级方便，维护轻松，那么仅仅掌握HTML是不够的，CSS在这中间扮演着重要的角色。Table和p是HTML中重要的标签元素，通过table和p可以定位网页元素，特别是p作为布局的容器，可以包含本身及其HTML网页中的所有元素。

在网页设计中，为了使网页页面看起来和谐、美观，必须采用合适的页面布局方式。在Dreamweaver中可以采用表格和p+CSS的方式进行网页布局，那么两种布局方式各有什么优势呢?

?

采用表格布局和p+CSS布局制作同一个网页的代码

?

表格布局代码

无标题文档

.text{font-size:14px;

font-family:方正楷体;

color:#606;}

风住尘香花已尽，日晚倦梳头。物是人非事事休，欲语泪先流。

闻说双溪春尚好，也拟泛轻舟。只恐双溪舴艋舟，载不动许多愁。

?

-全文完-