Web课件第六章.pptVIP

第三章 表现层的CSS (续) 1. 网页布局 我们无法获知用户浏览器窗口的大小和高矮。用户可以用一个标准分辨率设置他们的浏览器填充，或者将他们设置为另一个舒适的尺寸。任何一个给定网页的精确尺寸都是一个未知数。 另外，没有办法知道你的文本有多大。有的可能喜欢小的文本，但有的用户又会放大它。改变文本尺寸可能会影响你的网页布局。 1.1 液态布局 液态布局遵循普通流的默认行为，即，网页中的网页区域和栏允许变宽或变窄，从而填充浏览器窗口中的空间，文本允许按需要重新流动。 创建液态布局 通过指定百分比值宽度来创建液态布局。也可以设置为默认的auto，元素将填满窗口或其他容器元素的可用宽度。 处理行长 行长：是一行文本中单词或字母个数的计量。 拇指规则：是指最佳行长为10到12个单词或60到75个字母。 处理行长 在大多数情况下，用户浏览器的尺寸在适当范围内，即800到1250像素之间。 如果网页有两栏或多栏，那么适当的浏览器宽度中行长失控的可能性不大。 如果网页只有一栏，建议使用左、右的空白边（在10%到20%范围内），从而减短行长。 还可以使用max-width属性来限制内容容器的宽度，但IE6及更早的版本不支持。 1.2 固定布局 固定宽度布局：宽度固定在由设计师决定的具体像素上。 当设置为具体宽度时，需要解决两件事： 1. 选择一