CSS3网页设计从入门到精通.docVIP

第 章 CSS3设计概述（ 对于每一位网页设计者来说，都应该知道HTML，因为它是所有网页制作的基础。但是如果希望网页能够美观、大方，并且升级方便、维护轻松，那么仅知道HTML语言是不够的，CSS在这中间扮演着重要的角色。如果关注过最新的Web技术，相信您也听说过CSS3。在学习和使用CSS3之前，我们应该对这个新一代样式表语言的来龙去脉有个基本了解。本章将从CSS基本概念出发，介绍CSS3概况，以及在网页标准化中扮演的角色。 【学习要点】 ( 了解网页标准化历史 ( 了解CSS历史 ( 了解CSS3基本情况 ( 初步形成CSS设计意识 1.1 认识?Style?Sheet），中文译为层叠样式表，它是用于控制网页样式并允许将样式代码与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过并推荐使用的。简单地说，CSS的引入就是为了使得HTML语言能够更好地适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、平板电脑、手机等移动设备。CSS的引入随即引发了网页设计一个又一个新高潮，使用CSS设计的优秀页面层出不穷。 1.1.1 CSS的发展历史 在20世纪90年代初，HTML语言诞生。早期的HTML只含有少量的显示属性，用来设置网页和字体效果。随着互联网的发展，为了满足日益丰富的网页设计需求，HTML不断添加各种显示标签和样式属性，于是这就带来一个问题：网页结构和样式混用让网页代码变得混乱不堪，代码冗余增加了带宽负担，代码维护也变得苦不堪言。 1994年初，哈坤·利提出了CSS的最初建议。伯特·波斯（Bert?Bos）当时正在设计一款Argo浏览器，于是他们一拍即合，决定共同开发CSS。 1994年底，哈坤在芝加哥的一次会议上第一次展示了CSS的建议，1995年他与波斯一起再次展示这个建议。当时W3C（World Wide Web Consortium，万维网联盟）组织刚刚成立，W3C对CSS的前途很感兴趣，为此组织了一次讨论会，哈坤、波斯是这个项目的主要技术负责人。 1996年底，CSS语言正式完成，同年12月，CSS的第一版本被正式出版（/ TR/CSS1/）。 1997年初，W3C组织专门负责CSS的工作组，负责人是克里斯·里雷。于是该工作组开始讨论第一个版本中没有涉及的问题。 1998年5月，CSS2版本正式出版（/TR/CSS2/）。 尽管CSS3的开发工作在2000年之前就开始了，但是距离最终的发布还有相当长的路要走，为了加快开发速度，也为了方便各主流浏览器根据需要渐进式地支持，CSS3按模块化进行全新设计，这些模块可以独立发布和实现，这也为日后CSS的扩展奠定了基础。 考虑到从CSS2到CSS3发布之间时间会很长，2002年工作组启动了CSS2.1的开发。这是CSS2的修订版，它纠正了CSS2版本中的一些错误，并且更精确地描述了CSS的浏览器实现。2004年，CSS2.1正式发布，到2006年年底得到完善，CSS2.1也成为了目前最流行、获得浏览器支持最完整的版本，它更准确地反映了CSS当前的状态。 1.1.2 CSS页面优势 与传统表格相比使用CSS的网页页面具有如下 结构清晰，便于脚本控制。 在表格页面中，需要添加大量的表格才能实现各种效果，例如，一行新闻列表可能需要3层表格嵌套，才能够设计出新闻小图标、新闻标题和新闻时间并排的效果；而使用CSS进行设计时，就不用考虑这些问题，只需要编写简单的新闻列表结构，然后通过CSS样式控制各种显示效果。例如，新闻列表前的小图标可以通过CSS背景进行设置，不用改动HTML标签。 代码简洁，页面下载速度快。 在表格页面中，页面通过表格层层嵌套实现最终各种效果，因而产生大量代码冗余；而使用CSS控制页面，能够极大地减少代码量，特别是在整个网站统一使用一个样式表时，更能够节省代码量，使页面代码变得简洁明了。 修改方便，提高后期维护效率。 在表格页面中，修改样式需要打开每个页面逐一进行修改，在网站的后期维护中，这个工作量是巨大的；而使用CSS布局时，有专门的CSS文件控制页面外观，修改CSS文件中的代码即可改变每个页面的风格和样式效果，而不需要逐一修改每个页面代码。 扩展性好、移植性强。 在表格页面中，HTML标签和表示性属性掺杂在一起，要扩展页面内容本身就是件很困难的事情，更无法灵活适应不同设备的显示需求；而在标准页面中，结构与样式分离，结构通过HTML编写、样式由CSS编写，各司其职，网页可以显示在不同的设备中。 灵活控制页面元素。 在表格页面中，浏览器需要将网页代码全部解析后才能显示，尤其是表格嵌套层数过多的时候，显示