### DIV+CSS布局大全知识点概览
#### 一、DIV+CSS布局入门
- **CSS布局原理**：在学习CSS布局之前，理解CSS处理页面的基本原理至关重要。这涉及到如何通过内容的语义和结构来组织HTML，而不是仅仅关注外观效果。
- **结构化HTML**：在考虑页面整体表现效果之前，应先明确页面内容的语义和结构。这意味着从内容本身出发，考虑如何更好地组织这些内容，而非一开始就聚焦于如何使它们看起来更美观。
- **替代表现层属性**：传统的HTML标签如`cellpadding`、`hspace`和`align`等表现层属性需要被相应的CSS属性所取代，以实现更加灵活且语义化的布局。
#### 二、XHTML下的CSS+DIV布局总结
- **XHTML代码规范**：XHTML要求所有的标记都有相应的结束标记，所有的标签名和属性名都使用小写，所有的XML标记都必须合理嵌套等。
- **调用样式表**：可以通过内部或外部方式调用样式表，例如使用`<link>`标签引入外部CSS文件或使用`<style>`标签定义内联样式。
- **Head区的其他设置**：包括设置收藏夹图标、为搜索引擎准备的内容等。
#### 三、网页设计DIV+CSS——第1天: 选择什么样的DOCTYPE
- **DOCTYPE的重要性**：DOCTYPE定义了文档的类型和版本，对于浏览器正确解析网页至关重要。
- **选择合适的DOCTYPE**：根据项目需求选择合适的DOCTYPE，例如XHTML 1.0 Strict、HTML5等。
#### 四、网页设计DIV+CSS——第2天: 什么是名字空间
- **名字空间的作用**：在XHTML文档中使用名字空间可以帮助避免元素名称冲突，并允许文档包含来自多个标准的元素。
#### 五、网页设计DIV+CSS——第3天: 定义语言编码
- **定义语言编码**：通过`<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">`等标签指定文档的字符集，确保文本正确显示。
#### 六、网页设计DIV+CSS——第4天: 调用样式表
- **外部调用样式表**：推荐使用外部样式表来提高代码的可维护性和重用性。
- **双表法调用样式表**：可以同时使用多个样式表，每个样式表负责不同方面的样式设置。
#### 七、网页设计DIV+CSS——第5天: head区的其他设置
- **收藏夹小图标**：设置收藏夹图标增强用户体验。
- **为搜索引擎准备的内容**：通过`<meta name="description" content="...">`等标签提供元数据，优化SEO。
#### 八、网页设计DIV+CSS——第6天: XHTML代码规范
- **代码规范的重要性**：遵循一定的代码规范有助于提高代码的可读性和可维护性。
- **规范示例**：所有标记都必须有结束标记；所有标签和属性名字都必须使用小写；所有属性必须用引号括起来等。
#### 九、网页设计DIV+CSS——第7天: CSS入门
- **CSS基本语法**：了解CSS的选择器、声明、属性和值等基本概念。
- **颜色值和字体**：学习如何定义颜色值和字体，为页面增添视觉效果。
- **选择器的使用**：包括群选择器、派生选择器、ID选择器、类别选择器等。
#### 十、网页设计DIV+CSS——第8天: CSS布局入门
- **定义DIV**：介绍如何使用`<div>`标签作为容器来构建页面布局。
- **CSS2盒模型**：理解CSS盒模型的概念，包括内容、填充、边框和外边距。
- **辅助图片的背景处理**：建议将辅助图片作为背景图片处理，减少HTTP请求次数。
#### 十一、网页设计DIV+CSS——第9天: 第一个CSS布局实例
- **确定布局**：根据页面内容和设计需求，规划布局结构。
- **定义body样式**：设置body元素的基本样式，如背景色、文字颜色等。
- **定义主要的div**：使用div来划分页面的不同区域，并为其设置样式。
#### 十二、网页设计DIV+CSS——第10天: 自适应高度
- **100%自适应高度**：通过设置div的高度为100%，使其能够随着浏览器窗口的变化而自动调整高度。
#### 十三、网页设计DIV+CSS——第11天: 不用表格的菜单
- **不用表格的菜单（纵向/横向）**：利用CSS选择器和定位技术实现无表格的导航菜单。
#### 十四、网页设计DIV+CSS——第12天: 校验及常见错误
- **XHTML校验**：通过在线工具验证XHTML文档是否符合规范。
- **CSS2校验**：检查CSS文件是否存在语法错误。
#### 十五、CSS的十八般技巧
- **CSS技巧概览**：涵盖各种CSS技巧，如布局优化、响应式设计等。
#### 十六、WEB打印实例教程
- **打印样式表**：为打印视图设置特定的样式，改善打印效果。
#### 十七、Div+CSS布局入门教程
- **综合应用**：结合以上知识点，提供一个全面的Div+CSS布局入门教程。
通过上述知识点的学习和实践，可以逐步掌握使用Div+CSS进行网页布局的方法和技术，从而提升网页的设计质量和用户体验。
