欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法，建议大家还是称之为web标准。
学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。如果您刚开始学习网页制作，不知道什么是表格布局及html和css，建议您先去充电，否则学习本教程会非常吃力或者根本就听不懂。
由于时间关系，本教程只讲解一些基础知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。
本教程多以实例形式循序渐进讲解，实例涉及到哪些关键点或难点就讲解什么，较少讲解概念。因为概念这些东西很难说明白，或者说明白你也不一定能听懂，听懂了也不一定能理解。所以把概念留给大家以后再深入研究。
【十天学会DIV+CSS教程完整版】是一个适合有一定HTML和CSS基础的学习者提升技能的教程，主要目标是从表格布局转向Web标准布局，即使用Div+CSS（更准确地说是Web标准）进行页面构建。本教程以实例为主，强调实践操作而非理论概念，帮助学员快速掌握常见页面的制作。
第一天的学习内容涵盖了XHTML和CSS的基础知识，具体知识点包括：
1. **文档类型**：DOCTYPE声明用于告知浏览器文档遵循的HTML或XHTML规范，例如`<!DOCTYPE html>`声明文档为HTML5。在XHTML中，通常使用过渡类型（Transitional），如`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`，因为它对标签的宽容度较高，允许使用HTML4.01的标签。
2. **语言编码**：`<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />`定义文档的字符编码，如UTF-8是国际通用编码，GB2312则适用于简体中文。编码必须一致以避免乱码问题。
3. **HTML标签**：HTML标签应遵循XHTML规范，成对出现并使用小写字母，如`<div>`, `<p>`等。单个标签如`<img>`, `<br>`也需要正确关闭。
4. **CSS样式加载**：
- **外部样式**：通过`<link>`标签链接外部CSS文件，如`<link href="layout.css" rel="stylesheet" type="text/css" />`，适用于多个页面共享。
- **内部样式**：将CSS写在`<style>`标签内，位于`<head>`中，只对当前页面生效。
- **行内样式**：直接在HTML元素内使用`style`属性，如`<p style="color:red;">文本</p>`，不推荐大量使用，因为不利于代码维护。
- **导入样式**：使用`@import`规则引入其他CSS文件，如`@import url("global.css");`，常用于主样式表中导入公共样式。
5. **CSS优先级**：决定样式生效的顺序，影响因素包括：
- ID选择器（#）的优先级高于类选择器（.）
- 后定义的样式会覆盖前面的
- 直接应用于元素的样式（行内样式）优先级最高，其次是ID选择器，接着是类选择器，最后是标签选择器
- 继承的样式优先级最低
本教程适合有一定HTML和CSS基础的学员，如果你是初学者，建议先学习基本的HTML和CSS知识，包括表格布局，然后再进入这个教程。本教程的目标是让你能使用Web标准制作常见页面，通过实例学习，逐步掌握Div+CSS布局的技巧。
