内容全力更新中，有需要的人先看了

第一阶段：零基础入门（打好地基）

一、HTML5 基础

1. 网页基本概念
   • 浏览器、网页、服务器、标签语义、文档结构
   • 标准文档结构 <!DOCTYPE html>、<html>、<head>、<body> 作用
2. 常用基础标签
   • 标题 <h1>~<h6>、段落 <p>、换行 <br>、分割线 <hr>
   • 文本标签：<span>、<b>、<strong>、<i>、<em>、<u>、<sup>、<sub>
   • 超链接 <a>：跳转页面、锚点、邮箱 / 电话链接、target 属性
   • 图片 <img>：src/alt/title/width/height、相对路径 & 绝对路径
3. 列表标签
   • 无序列表 <ul><li>、有序列表 <ol><li>、自定义列表 <dl><dt><dd>
4. 表格标签
   • <table>、<tr>、<td>、<th>、<thead>/<tbody>/<tfoot>
   • 合并单元格 colspan、rowspan、表格基础样式
5. 表单基础（核心）
   • 表单容器 <form>、提交 action/method
   • 输入框 <input>：text/password/radio/checkbox/submit/reset/button
   • <label> 关联表单、下拉框 <select><option>、文本域 <textarea>

二、CSS3 基础

1. CSS 引入方式
   • 行内样式、内部样式、外部样式（开发首选）、优先级规则
2. 基础选择器
   • 标签选择器、类选择器 .、ID 选择器 #、通配符选择器 *
3. 基础样式属性
   • 字体：font-family、font-size、font-weight、font-style、行高 line-height
   • 文本：color、text-align、text-indent、text-decoration、text-shadow
   • 背景：background-color、background-image、background-repeat、background-position
4. 盒模型（重中之重）
   • 标准盒模型组成：content、padding、border、margin
   • 内外边距简写、边框样式、box-sizing 两种模式
5. 布局基础
   • 块级元素、行内元素、行内块元素区别与转换 display
   • 元素默认特性、居中方案（文本居中、单行 / 多行文字居中）

阶段目标

能独立编写静态页面、简单表单、图文页面，看懂基础代码，掌握标签语义与样式书写规范。

---

第二阶段：进阶核心（页面布局，必学重点）

一、HTML5 新增语义化标签

替代传统 div，提升可读性与 SEO

• 结构标签：<header>、<nav>、<main>、<section>、<article>、<aside>、<footer>
• 媒体标签：`` 音频、<video> 视频、<track> 字幕
• 其他：<figure>/<figcaption>、<mark>、<time>、<details> 折叠面板

二、HTML5 表单新特性

• <input> 新类型：email、tel、number、date、range、search
• 表单属性：placeholder、required、readonly、disabled、autofocus、autocomplete

三、CSS3 高级选择器

1. 复合选择器：后代、子代、并集、交集、相邻兄弟、通用兄弟
2. 伪类选择器
   • 链接伪类：:link / :visited / :hover / :active
   • 结构伪类：:first-child、:last-child、:nth-child(n)、:nth-of-type()
   • 表单伪类：:focus、:checked、:disabled、:enabled
3. 伪元素：::before、::after（清除浮动、装饰元素高频用法）