### DIV+CSS布局大全知识点概览
#### 一、DIV+CSS布局入门
- **CSS布局原理**：在学习CSS布局之前，理解CSS如何处理页面布局至关重要。这不仅仅是关于页面的外观，更是关于如何组织页面内容，即内容的语义和结构。
- **内容优先原则**：在考虑页面的整体表现效果之前，应首先关注内容的语义和结构，然后再通过CSS进行美化。
- **结构化HTML**：与传统的设计方法不同，CSS布局要求开发者首先构建清晰、有意义的HTML结构，而不是立即考虑设计细节。
#### 二、XHTML下的CSS+DIV布局
- **XHTML简介**：XHTML是一种更加严格的HTML版本，旨在提高网页的结构清晰度和可维护性。
- **XHTML代码规范**：
- 所有标记都需要闭合。
- 标签名称需全小写。
- 标记需正确嵌套。
- 属性值需用引号括起。
- 特殊字符使用HTML实体表示。
- 注释内容中避免使用“--”。
#### 三、选择DOCTYPE
- **DOCTYPE定义**：文档类型声明（DOCTYPE）用于指定文档遵循的HTML或XHTML版本标准。
- **推荐的DOCTYPE**：对于XHTML文档，通常推荐使用`<!DOCTYPE html>`，这是一种简化版的XHTML文档类型声明，兼容大多数浏览器，并且符合W3C标准。
- **补充说明**：不同的DOCTYPE会导致浏览器渲染模式的不同，因此选择正确的DOCTYPE对于确保页面在各种浏览器中的兼容性和正确渲染至关重要。
#### 四、命名空间
- **命名空间概念**：命名空间是一种机制，用于区分文档中可能存在的来自不同源的元素或属性。
- **使用场景**：当文档包含多个不同的XML词汇表时，命名空间变得尤为重要，以避免命名冲突。
#### 五、定义语言编码
- **语言编码的作用**：定义文档使用的字符集，以便浏览器能够正确解析和显示文档中的文本。
- **常见的字符集**：UTF-8是最常用的字符集之一，支持几乎所有的语言和符号。
#### 六、调用样式表
- **外部调用样式表**：将CSS代码放在单独的.css文件中，并通过`<link>`标签引入到HTML文档中。
- **双表法调用样式表**：同时使用两个样式表，一个作为基础样式，另一个用于特定情况下的样式调整，这种方法有助于提高样式的灵活性和可维护性。
#### 七、HEAD区的其他设置
- **收藏夹小图标**：通过`<link rel="icon"`设置浏览器标签栏和收藏夹的小图标。
- **为搜索引擎准备的内容**：使用`<meta name="description"`和`<meta name="keywords"`等元数据标签来提供对搜索引擎友好的描述和关键词。
#### 八、CSS入门
- **基本语法**：了解CSS的基本语法结构，包括选择器、属性和值。
- **颜色值**：掌握CSS中的颜色表示方法，如十六进制颜色代码、RGB/RGBA颜色值等。
- **定义字体**：学习如何使用CSS控制字体家族、大小、粗细等属性。
- **选择器**：理解CSS中的各种选择器类型及其用途，包括类选择器、ID选择器、群组选择器等。
- **链接样式**：使用CSS控制不同状态下的链接样式，如未访问、已访问、鼠标悬停等。
#### 九、CSS布局入门
- **定义DIV**：学习如何使用DIV元素构建页面布局的基础单元。
- **CSS2盒模型**：理解CSS盒模型的概念，包括边距、边框、填充和内容区域之间的关系。
- **辅助图片处理**：通过背景图像而非内联图像的方式优化页面布局，减少HTTP请求并提高加载速度。
#### 十、CSS布局实例
- **确定布局**：根据页面内容需求设计布局方案。
- **定义body样式**：设置页面主体的通用样式。
- **主要div定义**：明确各个关键布局区块的样式属性。
- **自适应高度**：解决布局中高度自适应的问题，实现更加灵活的响应式设计。
#### 十一、不用表格的菜单
- **纵向菜单**：使用纯CSS构建垂直导航菜单。
- **横向菜单**：利用CSS实现水平布局的导航条。
#### 十二、校验及常见错误
- **XHTML校验**：使用在线工具或本地软件检查XHTML文档的合规性。
- **CSS2校验**：确保CSS样式表符合CSS2标准。
#### 十三、CSS的十八般技巧
- **技巧概述**：介绍一系列实用的CSS技巧，帮助开发者提高工作效率，解决复杂布局问题。
#### 十四、Web打印实例教程
- **打印样式表**：学习如何创建专门用于打印的CSS样式表，以确保页面在打印时呈现最佳效果。
#### 十五、Div+CSS布局入门教程
- **全面指南**：提供从基础到高级的Div+CSS布局教程，涵盖所有必要的概念和技术要点。
以上是对《Div+CSS布局大全》中关键知识点的详细梳理，这些知识点不仅适用于初学者，也适合有一定经验的开发者进一步提升自己的CSS布局技能。
