web程序设计第十六章使用css进行网页布局.pptVIP

第十六章 使用CSS进行网页布局 网页布局策略 液态网页：随着浏览器窗口缩放； 固定网页：将内容放在一个保持指定元素宽的网页区域内，而不管浏览器的尺寸； 弹性网页：当文本缩放时，弹性网页的区域会放大或缩小。 16.1 液态网页设计 也称流动布局； 网页中的网页区域和栏允许变宽或变窄，从而填充浏览器窗口中的可用空间。 不要企图控制内容宽度或换行； 文本允许按需要重新流动。 16.2 固定布局 固定宽度布局，多数都设计为800*600像素。 16.3 弹性布局 弹性布局随着文本尺寸扩张或收缩。 第十七章 CSS技术 表格的样式属性 改变列表的圆点和编号 将列表转变为导航栏 图像替换 CSS滑动技术 表格的样式属性 分散和折叠的边框 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。 属性值： separate |collapse|inherit 默认值： separate 继承性： 是 例 ： border-collapse : collapse; 表格的样式属性(续) 空单元格 empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）。 属性值： show |hide|inherit 默认值： show 继承性： 是 例 border-collapse: separate