CSS网页布局有哪些优点

CSS设计受到关注始于21世纪初。虽然W3C组织早在1999年已经发布了CSS 2.0，但是在当时仍然缺乏主流浏览器的支持，并且许多设计师对它非常陌生，甚至感到恐惧。

与表格布局和Flash网页相比，CSS有许多优势。首先它将网页的内容与样式相分离，这从本质上意味着视觉表现与内容结构的分离。

近些年，随着Web标准越来越普及，CSS也被越来越多的浏览器所支持，按照Web标准的网站设计制作逐渐风行起来。这些网站使用XHTML编写网页结构，使用CSS来编写网页布局样式。改变了过去使用复杂的嵌套表格来布局页面的做法，转而使用更合理清晰的div进行网页布局，这样也可制作出布局合理的多栏目页面。同时由于结构与表现的分离，人们完全可以改变一个基于CSS设计的网站的视觉效果而不去改动网站的内容，使得原先网站碰到的难以维护和改版的问题迎刃而解了（关于这一点在后面的小节中有详细论述）。

另外，由CSS设计的网页的文件容量往往小于基于表格布局的网页，这也意味着页面响应时间的缩短。虽然首次访问一个网站会下载样式表占用带宽，但CSS会缓存在访问者的浏览器里（默认情况下），这样接下来的访问过程中，网页就会迅速地显示。

随着CSS技术的进一步发展，尤其是CSS 3.0的推出，CSS加HTML加Java Script已经可以实现类似Flash的各种网页互动效果，大有取代Flash在互联网中地位的势头。

IBM的软件工程师秦剑在其文章中这样说道：“使用CSS没有做不到的效果，只有你不敢想象的。”2010年，某日本高手用最新发布的CSS 3.0在HTML页面中画出了圆头圆脑的卡通明星哆啦A梦，如图1.1.22。秦剑还说道：“CSS 3.0为我们带来的惊喜不只是简单功能性增强，更多的是一种对Web UI设计理念和方法的变革。CSS 3.0结合HTML 5.0使得Web应用可以提供和本地应用程序一样甚至更强大的功能，并且有更好的用户体验，同时也不需要额外安装软件，不必对软件版本升级兼容性等麻烦问题担忧。可以畅想，在未来的PC上我们已经不需要操作系统以及任何其他应用程序，开机只需要一个浏览器就可以解决所有问题。相信未来CSS 3.0配合HTML5.0标准，将极大地引起一场Web应用的变革，甚至是整个Internet产业的变革。”