HTML+CSS+前端项目

学习目标：

• HTML+CSS+前端项目

---

学习内容：

1. HTML认知
2. HTML基础
3. CSS基础
4. CSS进阶
5. CSS盒子模型
6. CSS浮动
7. 在线项目实战
8. CSS定位装饰

---

学习时间：

• 周一至周五晚上 7 点—晚上9点
• 周六上午 9 点-上午 11 点
• 周日下午 3 点-下午 6 点

---

学习产出：

1.HTML认知

（1）综合案例

（2）基础认知

 

（3）HTML的概念

 （4）简单案例

（5）渲染引擎 

（6）连接标签 

 

（7）web标准的构成

 

 2.HTML基础

（1）表格结构

（2）实例1

 （3）实例2

（4）表格的基本使用 

（5）综合案例-表单 

 （6）展现页面

 （7）表格标签

 （8）列表应用场景

 （9）有序表实例

 

 3.CSS基础

（1）体验CSS

 （2）CSS引入方式

 （3)选择器-类

 （4）效果图

 （5）综合案例

 

 4.CSS进阶

（1）综合案例

（2）选择器-伪类

 （3）选择器-父集

 （4）选择器-后代

 （5）选择器-子代

 （6）选择器-并集

 （7）综合案例2

 

 5.CSS盒子模型

（1）实际模型

（2）外边距问题

 （3）行内元素的外边距问题

 （4）实际操作

 （5）优先级

 （6）权重叠加计算

 （7）实际操作2

 （8）实际操作3

 

 6.CSS浮动

（1）清除浮动

（2）选择器-结构为类

 （3）单伪元素清楚法

 

（4）选择器-结构伪类-公式

 （5）案例-小米布局

 （6）选择器-伪元素

 

 7.在线项目实战

（1）实例1

（2）实例2

 （3）实例3

 （4）实例控制台

（5）实例4 

 （6）实例5

 

 8.CSS定位装饰

（1）定位-子父级 

 （2）绝对定位

（3）定位示例 

（4） 绝对定位居中

 （5）相对定位

 

（6）显示隐藏效果