《XHTML与CSS基础教程》
在Web开发领域，XHTML与CSS是构建网页布局和样式的核心技术。本教程主要针对已有一定HTML和CSS基础的读者，旨在帮助他们从传统的表格布局过渡到使用Web标准——即常说的“DIV+CSS”方法。本教程注重实践，通过实例逐步解析，而非深入理论概念。
1. **文档类型（Document Type）**
文档类型的声明，如`<!DOCTYPE html>`，定义了文档遵循的HTML或XHTML规范版本。XHTML 1.0 Transitional是常见的类型，它允许使用HTML4.01的标签，但要求符合XHTML的语法规则。保留文档类型声明至关重要，因为它会影响浏览器如何解析页面，删除可能导致样式问题。
2. **语言编码（Character Encoding）**
`<meta>`标签用于指定文档的字符编码，如`charset=gb2312`或`UTF-8`。确保HTML、CSS和其他文件使用相同编码，以防出现乱码。UTF-8是国际通用编码，推荐使用。
3. **HTML标签（HTML Tags）**
HTML标签通常是成对出现的，如`<div></div>`。XHTML规范要求所有标签必须闭合，单个标签如`<img>`也需要自闭合。标签名称应使用小写字母，这是XHTML的编写规范。
4. **CSS样式（CSS Styles）**
- **外部样式**：通过`<link>`标签引用外部CSS文件，如`<link href="layout.css" rel="stylesheet" type="text/css">`，可应用于整个网站。
- **内部样式**：在`<head>`标签内的`<style>`标签中定义样式，只对当前页面有效。
- **行内样式**：直接在HTML元素内使用`style`属性定义样式，如`<p style="font-size:18px;">`，但不推荐，因为它降低了代码的可维护性。
- **导入样式**：使用`@import`规则引入其他CSS文件，常用于在一个样式表中引入全局样式。
5. **CSS优先级（CSS Priority）**
CSS优先级决定了哪些样式会被应用。行内样式优先级最高，其次为ID选择器，再次为类选择器和标签选择器。如果有冲突，优先级高的样式将覆盖低优先级的样式。
6. **CSS盒模型（CSS Box Model）**
CSS盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。理解盒模型对于精确控制元素尺寸和布局至关重要。
本教程旨在引导读者从表格布局过渡到基于Web标准的布局，通过实例教学，让开发者能够运用XHTML和CSS创建常见页面。尽管只涉及基础，但这些知识是进一步学习更高级Web开发技术的基础。
