CSS布局实战：创建footer及各部分样式设定

"这篇教程详细介绍了如何使用CSS布局设置footer，包括创建和样式的设定，同时也涉及到了其他页面元素如LOGO、NAV、BANNER、CONTENT的布局制作。" 在这个CSS布局实例中，首先讲解了如何构建整个网页的结构。整体布局由五个主要的DIV组成：LOGO、NAV、BANNER、CONTENT和FOOTER。每个DIV都是通过插入布局对象—DIV标签来创建的，并且分别赋予了相应的ID以便后续的CSS样式定义。 对于LOGO的设置，通过右键单击LOGO的DIV，创建新的CSS样式，选择仅对该文档生效。然后在编辑CSS规则对话框中，可以添加图像并指定其路径，使LOGO显示出来。 接着，教程进入了导航栏（NAV）的制作。NAV的宽度设定为1004像素，高度为40像素，填充和边界都重置为0，背景颜色设为#009933。在NAV的DIV内插入一个无序列表（UL），并在UL内插入六个列表项（LI）。每个LI的高度与NAV相同，宽度设为自动，左右边界为10像素，采用左浮动布局，背景色设为#00FF99。为了调整文字位置，设置了li的填充和列表样式。 然后，教程演示了如何创建BANNER，设置了宽1004像素，高213像素，背景图片通过插入图像功能指定。 最后，进入footer的设置。footer的宽度同样为1004像素，高度为70像素，背景颜色为#006633。在footer内插入一个段落（P）并使其水平居中，输入文字。为了展示多行文本，又插入了一个新的P标签，这两行文本因P元素的块级特性而垂直排列。可以进一步调整这些文本的样式以满足设计需求。 此外，教程还提到了CONTENT部分的设置，包括宽高、填充和边界的设定，以及在CONTENT内插入其他div，以构建更复杂的页面结构。 这个实例详尽地展示了如何使用CSS来创建一个完整的网页布局，涵盖了基本的布局元素和样式设定，是学习CSS布局设计的宝贵参考资料。