Div+CSS布局完全指南

需积分: 43 1 下载量 57 浏览量 更新于2024-12-15 收藏 959KB PDF 举报
"该资源是《Div+CSS布局大全》的整理笔记,由博客园的JesseZhao编撰,旨在介绍和总结DIV与CSS在网页布局中的应用。笔记覆盖了从基础到进阶的多个方面,包括DOCTYPE选择、名字空间、语言编码、样式表调用、XHTML代码规范、CSS入门以及CSS布局等核心概念。" 在这份资源中,作者首先介绍了XHTML下CSS+DIV布局的基础,讲解了DOCTYPE的重要性,指出DOCTYPE的选择会影响浏览器解析页面的方式。DOCTYPE的选择有多种,如HTML5、XHTML1.1等,不同的DOCTYPE对HTML标签的编写要求不同。 接着,笔记涉及到名字空间的概念,这对于理解XML和XHTML文档结构至关重要。此外,还提到了定义语言编码(如UTF-8)的必要性,确保网页在不同地区和语言环境下能正确显示字符。 样式表的调用是CSS布局的关键,作者详细解释了如何外部调用样式表以及双表法调用,这些方法能够实现样式和内容的分离,便于管理和维护。同时,还讨论了在head区设置收藏夹小图标和为搜索引擎优化内容的技巧。 XHTML代码规范部分,列举了编写高质量XHTML代码的基本规则,如正确关闭标签、使用小写字母、合理嵌套、引号包裹属性、特殊符号转义、赋予属性值以及避免特定的注释形式等,这些都是编写可读性和兼容性更好的HTML代码的要点。 CSS入门部分,涵盖了基本语法、颜色值、字体定义、选择器类型(如群选择器、派生选择器、id选择器、类别选择器)以及链接样式的设定,这些是构建CSS样式的基础。 最后,作者探讨了CSS布局入门,特别是CSS2盒模型,这是网页布局的核心,用于理解元素的尺寸计算。还提到了将辅助图片作为背景处理的策略,以优化页面加载速度和布局效果。 这份资源是一份全面的DIV+CSS学习资料,适合初学者了解和掌握网页布局的基本技术和实践方法。通过学习,读者可以提升创建响应式、结构化和易于维护的网页布局的能力。