一、核心主题与特色

• 以案例驱动教学，所有案例为原创设计与手工编码，覆盖单列式、两列式、多列式等多种布局形式。
• 强调实战性与实用性，不教条式罗列属性知识，而是针对实际开发问题提供解决方案，协助学习者从新手过渡到高手。

二、主要内容模块

1. 基础入门（第 1 章）
   通过 “Hello World” 案例介绍 CSS 布局基本流程，包括效果图分析、布局规划、切图、XHTML 编码及 CSS 样式实现。重点讲解合理嵌套页面结构、定义列表（dl/dt/dd）应用、“代码重用” 思路、clear 清除浮动属性等，还涉及相对单位 em 在文本缩进中的使用及自适应高度背景图片设置技巧。
2. 简洁布局与重构（第 2 章）
   以 “我爱 CSS” 案例讲解三行两列式布局，介绍 “反向浮动” 实现主内容前置、用无序列表（ul）构建水平菜单、图文混排侧边栏等技巧。重点演示如何不改变 XHTML 标签，仅通过修改 CSS 实现页面重构，体现内容与表现分离的优势2-610。
3. 古典风格网站设计（第 3 章）
   围绕古典风格网站的多页面布局，讲解多列式布局实现、标题标签（h1-h4）语义化应用、浮动属性灵活运用、CSS Sprites（图标集成）、截字效果等。还涉及网站文件与目录规划、CSS 样式组织，以及 IE6 双倍边距 bug 等兼容性问题的解决2-1111。
4. 热烈风格网站设计（第 4 章）
   以 “韩国 DJ 舞曲网” 案例介绍 CSS Sprites 工作原理、定义列表与有序列表应用、Flash 文件插入方法、class 与 id 配合使用、“当前页” 效果实现等，进一步强化复杂布局的实战技巧2-1938。

三、关键知识点与技巧

• 布局核心：合理运用 XHTML 标签建立语义化结构，结合 CSS 实现表现与内容分离。
• 实用技巧：浮动与清除浮动、背景图片定位、表单美化、链接状态样式控制、浏览器兼容性处理等。
• 学习提议：注重基础知识积累、深刻理解 Web 标准意义、勤练习多编码并善于思考与交流2-108。

四、学习资源与辅助

• 提供技术支持网站、学习论坛及案例源代码下载地址，方便学习者在线交流与实践。
• 适合网页设计、网站制作等相关人员阅读，也可作为院校相关专业及社会培训机构的教学参考用书。