CSS布局实例：内容左侧设计与CSS样式应用

本文档提供了一个详细的CSS布局实例教程，涉及到了HTML和CSS的综合应用。主要内容包括以下几个方面： 1. 整体布局：首先创建五个主要板块的DIV，分别是LOGO、NAV、BANNER、CONTENT和FOOTER，通过布局对象功能在设计视图中添加并设置ID。 2. LOGO样式：为LOGO添加CSS样式，选择器设置为"仅对该文档"，并在CSS规则对话框中插入图像，设置宽度、高度、填充和边界的值。 3. 导航栏（NAV）：设置宽度为1004像素，高度为40像素，背景颜色为#009933，然后创建无序列表（UL）结构，添加六个并列的LI项，每个LI元素设置宽度自适应、左右边界为10像素、浮动为"左浮动"，以及背景色#00FF99。 4. BANNER设计：为BANNER创建一个新的CSS样式，设定宽度1004像素，高度213像素，背景图片为指定素材，显示图片。 5. FOOTER样式：设置宽度1004像素，高度70像素，背景颜色为#006633。在其中添加两个段落P元素，文字水平居中，并设置了文本样式。 6. CONTENT部分：这部分设置了宽度为1004像素，高度为500像素，以保持与其他部分的一致性。在CONTENT内嵌入两个div元素，可能用于进一步的布局或内容划分。 通过以上步骤，读者可以学习到如何使用CSS来精确控制网页布局，包括定位、尺寸调整、样式设置等技巧。这些实例有助于理解和实践CSS基础布局和元素管理，对于初学者和进阶者都具有实用价值。