Div+CSS布局学习指南

"这是一份适合div css初学者的学习资源，由博客园用户JesseZhao整理，包含从基础到进阶的多个方面，旨在帮助读者掌握div+css布局技术。" 这篇资源详细介绍了div+css布局的基础知识，对初学者来说非常有帮助。它分为多个章节，逐步引导学习者进入div+css的世界。 1. **div+css布局入门**： 这部分可能涵盖了div元素的基本概念和用途，以及如何使用css来控制div的样式和布局。div是HTML中的一个块级元素，常用于创建页面布局的大框架。 2. **XHTML下css+div布局总结**： 这里可能讨论了在XHTML环境下如何使用div和css进行网页布局，强调了XHTML的语法规则对布局的影响。 3. **DOCTYPE的选择**： 文档类型声明(DOCTYPE)对于浏览器解析网页至关重要。这部分可能解释了不同DOCTYPE的区别，如HTML5、XHTML1.0等，并指导选择合适的DOCTYPE。 4. **名字空间和语言编码**： 名字空间在XML和XHTML中用于区分同名元素，而语言编码则确保内容能正确显示。这部分会讲解如何设置这些属性。 5. **调用样式表**： 包含了外部样式表的引用方法和"双表法"，即同时使用内部和外部样式表，以提高样式管理的灵活性。 6. **head区的其他设置**： 提到了设置收藏夹图标和为搜索引擎优化内容的方法，这些都是网页设计中重要的元数据。 7. **XHTML代码规范**： 阐述了编写符合规范的XHTML代码的重要性，包括正确关闭标签、使用小写字母、合理嵌套、属性引用等。 8. **CSS入门**： 介绍了CSS的基本语法，如颜色值、字体定义、选择器（群选择器、派生选择器、id选择器、类别选择器）以及链接样式的设定。 9. **CSS布局入门**： 涉及到CSS布局的核心概念，如定义div、CSS盒模型，以及如何利用背景图片辅助布局。 10. **CSS2盒模型**： 盒模型是理解CSS布局的关键，包括content、padding、border和margin四部分，它定义了元素占用的空间。 11. **辅助图片背景处理**： 通过将辅助图片作为背景来减少HTTP请求，从而提升网页加载速度。 这个资源全面覆盖了div+css布局的基础知识，对于想要学习或巩固这一技能的人来说，是非常宝贵的资料。通过阅读和实践，初学者能够逐渐掌握网页布局的技巧，并提升设计能力。