内容全力更新中，有需要的人先看了
第一阶段：零基础入门（打好地基）
一、HTML5 基础
- 网页基本概念
- 浏览器、网页、服务器、标签语义、文档结构
- 标准文档结构
<!DOCTYPE html>、<html>、<head>、<body>作用
- 常用基础标签
- 标题
<h1>~<h6>、段落<p>、换行<br>、分割线<hr> - 文本标签：
<span>、<b>、<strong>、<i>、<em>、<u>、<sup>、<sub> - 超链接
<a>：跳转页面、锚点、邮箱 / 电话链接、target属性 - 图片
<img>：src/alt/title/width/height、相对路径 & 绝对路径
- 标题
- 列表标签
- 无序列表
<ul><li>、有序列表<ol><li>、自定义列表<dl><dt><dd>
- 无序列表
- 表格标签
<table>、<tr>、<td>、<th>、<thead>/<tbody>/<tfoot>- 合并单元格
colspan、rowspan、表格基础样式
- 表单基础（核心）
- 表单容器
<form>、提交action/method - 输入框
<input>：text/password/radio/checkbox/submit/reset/button <label>关联表单、下拉框<select><option>、文本域<textarea>
- 表单容器
二、CSS3 基础
- CSS 引入方式
- 行内样式、内部样式、外部样式（开发首选）、优先级规则
- 基础选择器
- 标签选择器、类选择器
.、ID 选择器#、通配符选择器*
- 标签选择器、类选择器
- 基础样式属性
- 字体：
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
- 字体：
- 盒模型（重中之重）
- 标准盒模型组成：
content、padding、border、margin - 内外边距简写、边框样式、
box-sizing两种模式
- 标准盒模型组成：
- 布局基础
- 块级元素、行内元素、行内块元素区别与转换
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 高级选择器
- 复合选择器：后代、子代、并集、交集、相邻兄弟、通用兄弟
- 伪类选择器
- 链接伪类：
:link/:visited/:hover/:active - 结构伪类：
:first-child、:last-child、:nth-child(n)、:nth-of-type() - 表单伪类：
:focus、:checked、:disabled、:enabled
- 链接伪类：
- 伪元素：
::before、::after（清除浮动、装饰元素高频用法）