Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第19章 CSS与页面布局.pptVIP

19.8.4 三列完全垂直自适应 三列完全垂直自适应是指任何一列的内容都不固定，同时三列内容有各自不同的背景的情况。 19.8.5 使用背景图像的垂直自适应 如果在元素中使用背景图像，可以很简单地完成高度上的自适应，具体操作如下所示。 19.9 浏览器和兼容问题 浏览器及兼容问题是使用CSS布局时经常遇到的问题，其主要原因是各种浏览器对CSS的支持程度不同，同时每种浏览器又有其自身特有的处理方法，所以如果要使制作的网页能兼容各种浏览器，就要了解各个浏览器的特性，同时会使用一定的技巧。 19.9.1 各种浏览器简介 现在用来浏览网页的浏览器有很多种，其中使用得比较多的是IE浏览器、Firefox浏览器等。同时还有Netscape和Opera等其他的浏览器。下面分别进行简单介绍。 1．IE浏览器 IE浏览器全称是Internet Explorer，是微软公司发布的免费浏览器。由于直接绑定在Windows操作系统之中，所以无须下载安装。由于发布的先后不同，有IE 4.0/5.0/5.5/6.0等很多版本，目前最新的是IE 7.0版本。 19.9.1 各种浏览器简介 2．Firefox浏览器 Firefox浏览器又称为火狐浏览器，是Mozilla基金会与众多志愿者所开发的，现在也有很多的使用者。 19.9.1 各种浏览器简介 3．Netscape Navigator网景浏览器 网景浏览器是Netscape通信公司开发的浏览器，提供了在不同操作系统中使用的免费版本，在Unix用户群中的使用率较高。 19.9.1 各种浏览器简介 4．Opera浏览器 Opera浏览器是由Opera Software ASA出品的一款网络浏览器。同时支持Windows、移动电话等很多平台，同时也支持中文、英文等很多语言。 19.9.2 兼容浏览器的原则 各种浏览器在广大用户中的使用率并不相同，同时每个站点面对的浏览群体也存在差别，所以兼容的问题也会比较复杂。总体来讲，关于页面要兼容哪些浏览器的问题，主要遵循以下几个原则。 1．使用者的需要 19.9.3 解决兼容问题的原理 由于CSS样式以及页面各种元素在不同浏览器中的表现不同，解决兼容性问题一般可以遵循以下两个原理。 1．使用CSS hack 19.9.3 解决兼容问题的原理 2．尽量使用兼容属性 因为并不是所有的CSS属性都存在兼容的问题，所以如果使用所有浏览器都能理解一致的属性，那么兼容的问题也就不存在了。 但是如果要实现这样的兼容要考虑的因素相应的会更多。因为每增加一种要兼容的浏览器，就会有一部分CSS属性的使用受到限制。也就是说兼容的浏览器越多，能够使用的CSS属性就越少。 19.10 专家总结 使用CSS样式表对网页进行布局，已经被广大网页制作者所接受，同时其优点也变得日益突出。在使用CSS样式表对网页进行布局的时候，首先要分清页面的结构部分和表现部分，将网页中所有的表现效果均定义在CSS样式文件之中，以便于页面显示效果的修改。在制作页面的同时，还要考虑布局在各种浏览器中的显示效果，尽量做到在各种浏览器中正常显示。 网站建设 第19章 CSS与页面布局 使用CSS布局页面和传统的使用表格布局页面有很大的区别。使用CSS布局页面时，要注意很多问题，例如元素的居中问题、图文混排问题、元素的浮动问题、宽度的计算问题、高度的扩展问题等。下面详细讲解使用CSS进行页面布局的知识。 19.1 CSS页面布局简介 本节主要讲解使用CSS布局页面的基础知识，其中包括CSS布局页面的优点、CSS页面布局的基本思想等。 19.1.1 CSS布局页面的优点 1．网站浏览者的好处 由于页面代码量减少，文件下载速度更快。同时，浏览器显示页面的速度也更快。 由于清晰的语义结构，使得内容能被更多的用户（包括部分残障人士）所访问。 由于实现了结构和表现相分离，内容能被更多的设备（包括手机、打印机等）所访问。 由于样式文件的独立性，用户选择自己喜欢的界面变得更容易。 19.1.1 CSS布局页面的优点 2．网站拥有者的好处 由于代码变得更简洁和组件用得更少，使得维护变得很容易。 由于对带宽要求的降低，节约了成本。 由于页面结构清晰的语义性，使得搜索引擎的搜索变得更容易。 19.1.2 CSS布局页面的基本思想 CSS布局页面的基本思想，就是实现网页结构和表现相分离。 内容、结构和表现是一个网页必不可少的组成部分，其中内容是页面传达信息的基础，表现使得内容的传达变得更加明晰和方便，而结构则是内容和表现之间的纽带，内容、结构和表现的具体含义如下所示。 内容：是指网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等。其中不包括修饰的图片、背景音乐等。 19.2 定义文档