├─1.前端零基础入门 2019版
│  ├─1.学习一：页面结构层HTML
│  │  ├─1.HTML基础
│  │  │      1-2 HTML基础语法.mp4
│  │  │      2-1 文档声明和META标签.mp4
│  │  │      2-6 文字和段落.mp4
│  │  │      2-15 修饰标签和特殊符号.mp4
│  │  │      3-1 列表标签-无序列表.mp4
│  │  │      3-5 列表标签-有序列表.mp4
│  │  │      3-9 列表标签-定义列表.mp4
│  │  │      3-12 列表标签应用场景.mp4
│  │  │      4-1 图像.mp4
│  │  │      4-6 超链接（基础）.mp4
│  │  │      4-8 超链接（空链接-target-title属性）.mp4
│  │  │      4-15 锚链接(同一页面).mp4
│  │  │      4-21 锚链接（不同页面）.mp4
│  │  │      4-26 链接扩展功能.mp4
│  │  │      
│  │  ├─2.HTML表格
│  │  │      学习一 ・ 1-1 基础表格.mp4
│  │  │      学习一 ・ 2-1 表格操作.mp4
│  │  │      学习一 ・ 2-5 带标题、表头和结构的表格.mp4
│  │  │      学习一 ・ 2-9 表格属性（1.mp4
│  │  │      学习一 ・ 2-14 表格属性（2）.mp4
│  │  │      学习一 ・ 2-17 表格跨行列.mp4
│  │  │      学习一 ・ 2-21 表格嵌套.mp4
│  │  │      学习一 ・ 3-1 表格布局（1）.mp4
│  │  │      学习一 ・ 3-3 表格布局（2）.mp4
│  │  │      学习一 ・ 4-1 课程总结.mp4
│  │  │      
│  │  ├─3.HTML表单
│  │  │      学习一 ・ 1-1 表单介绍.mp4
│  │  │      学习一 ・ 1-6 搭建表单页面结构.mp4
│  │  │      学习一 ・ 2-1 input标签（文本域和文件域）.mp4
│  │  │      学习一 ・ 2-10 input标签（单选框和复选框）.mp4
│  │  │      学习一 ・ 2-15 input标签（按钮）.mp4
│  │  │      学习一 ・ 2-19 input标签（图像域和隐藏域）.mp4
│  │  │      学习一 ・ 2-23 select标签（下拉菜单和列表）.mp4
│  │  │      学习一 ・ 2-27 select标签（分组下拉菜单和列表）.mp4
│  │  │      学习一 ・ 2-30 textarea（多行文本域）.mp4
│  │  │      学习一 ・ 3-1 表单页面调整.mp4
│  │  │      学习一 ・ 3-2 表单属性.mp46 M9 x6 h- T% V
│  │  │      学习一 ・ 4-1 表单总结.mp40 H4 O7 g) Z8 \
│  │  │      
│  │  └─4.项目：搭建网页结构
│  │          学习一 ・ 1-1 课程介绍.mp4
│  │          学习一 ・ 2-1 div和span与块级和行内标签.mp4
│  │          学习一 ・ 2-6 标签嵌套.mp4
│  │          学习一 ・ 2-10 HTML结构分析.mp4
│  │          学习一 ・ 3-1 网页整体结构.mp4
│  │          学习一 ・ 3-5 网页内部HTML代码实现.mp4
│  │          
│  ├─2.学习二：页面化妆师CSS
│  │  │  9.CSS基础测试
│  │  │  
│  │  ├─1.CSS选择的艺术
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 css基础语法.mp4
│  │  │      学习二 ・ 2-5 CSS使用方法（1）.mp4
│  │  │      学习二 ・ 2-9 CSS使用方法（2）.mp4
│  │  │      学习二 ・ 2-12 CSS使用方法优先级.mp4
│  │  │      学习二 ・ 3-1 选择器（标签选择器和类选择器）.mp4
│  │  │      学习二 ・ 3-6 选择器（ID选择器）.mp4
│  │  │      学习二 ・ 3-10 群组选择器和全局选择器.mp4
│  │  │      学习二 ・ 3-15 css后代选择器.mp4
│  │  │      学习二 ・ 3-19 伪类选择器.mp4
│  │  │      学习二 ・ 4-1 CSS继承和层叠.mp4
│  │  │      学习二 ・ 4-4 css选择器优先级.mp4
│  │  │      学习二 ・ 4-11 css权值.mp4
│  │  │      学习二 ・ 4-16 css权值和优先级.mp4
│  │  │      学习二 ・ 5-1 CSS命名规范.mp4
│  │  │      学习二 ・ 5-3 课程总结.mp4
│  │  │      
│  │  ├─2.CSS文本样式
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 字体属性.mp4
│  │  │      学习二 ・ 2-5 字体大小（font-size）.mp4
│  │  │      学习二 ・ 2-8 字体颜色（color）.mp4
│  │  │      学习二 ・ 2-11 文字样式（其他）.mp4
│  │  │      学习二 ・ 2-16 简写font属性.mp4
│  │  │      学习二 ・ 3-1 文本对齐方式（text-align）.mp4
│  │  │      学习二 ・ 3-5 行高（line-height）.mp4
│  │  │      学习二 ・ 3-10 vertical-align.mp4
│  │  │      学习二 ・ 3-13 文本样式其他属性.mp4
│  │  │      学习二 ・ 4-1 css文本样式应用.mp4
│  │  │      学习二 ・ 4-4 课程总结.mp4
│  │  │      
│  │  ├─3.盒子模型
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 盒子模型概念.mp4
│  │  │      学习二 ・ 3-1 width属性.mp4
│  │  │      学习二 ・ 3-5 height属性.mp4
│  │  │      学习二 ・ 3-9 哪些元素可设置width和height属性.mp4
│  │  │      学习二 ・ 3-13 border边框属性.mp4
│  │  │      学习二 ・ 3-18 padding填充属性.mp4
│  │  │      学习二 ・ 3-23 margin外边距属性.mp4
│  │  │      学习二 ・ 3-29 盒子计算.mp4
│  │  │      学习二 ・ 4-1 display属性.mp4
│  │  │      学习二 ・ 4-6 案例应用.mp4
│  │  │      学习二 ・ 4-8 课程总结.mp4
│  │  │      
│  │  ├─4.CSS背景和列表_
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 background-color.mp4
│  │  │      学习二 ・ 2-4 background-image.mp4
│  │  │      学习二 ・ 2-7 background-repeat.mp4
│  │  │      学习二 ・ 2-10 background-attachment.mp4
│  │  │      学习二 ・ 2-12 background-position.mp4
│  │  │      学习二 ・ 2-16 background.mp4
│  │  │      学习二 ・ 3-1 list-style-type.mp4
│  │  │      学习二 ・ 3-4 list-style-image.mp4
│  │  │      学习二 ・ 3-6 list-style-position.mp4
│  │  │      学习二 ・ 3-9 list-style.mp4
│  │  │      学习二 ・ 4-1 课程总结.mp4
│  │  │      
│  │  ├─5.float浮动
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 普通流介绍.mp4
│  │  │      学习二 ・ 2-2 浮动的基础知识.mp4
│  │  │      学习二 ・ 2-8 使用浮动后产生的问题.mp4
│  │  │      学习二 ・ 2-10 清除浮动语法.mp4
│  │  │      学习二 ・ 2-11 清除浮动的常用方法.mp4
│  │  │      学习二 ・ 2-13 清除浮动其它方法.mp4
│  │  │      学习二 ・ 3-1 Float案例演示（1）.mp4
│  │  │      学习二 ・ 3-2 Float案例演示（2）.mp4
│  │  │      学习二 ・ 3-3 Float案例演示（3）.mp4
│  │  │      学习二 ・ 4-1 课程总结.mp4
│  │  │      
│  │  ├─6.CSS定位（position）
│  │  │      学习二 ・ 1-1 课程简介.mp4
│  │  │      学习二 ・ 2-1 position-static.mp4
│  │  │      学习二 ・ 2-5 position-relative.mp4
│  │  │      学习二 ・ 2-8 position-absolute.mp4
│  │  │      学习二 ・ 2-12 position-fixed.mp4
│  │  │      学习二 ・ 2-15 position-sticky.mp4
│  │  │      学习二 ・ 3-1 总结.mp4
│  │  │      学习二 ・ 4-1 定位和边距的区别以及弹出层的简单实例.mp4
│  │  │      学习二 ・ 4-2 侧边栏导航跟随案例.mp4
│  │  │      
│  │  ├─7.CSS网页布局基础
│  │  │      学习二 ・ 1-1 课程介绍.mp4
│  │  │      学习二 ・ 2-1 经典的行布局（1）.mp4
│  │  │      学习二 ・ 2-5 经典的行布局（2）.mp4
│  │  │      学习二 ・ 2-8 经典的两列布局.mp4
│  │  │      学习二 ・ 2-11 经典的三列布局.mp4
│  │  │      学习二 ・ 2-13 混合布局.mp4
│  │  │      学习二 ・ 3-1 圣杯布局（了解即可）.mp4
│  │  │      学习二 ・ 3-2 圣杯布局案例（了解即可）.mp4
│  │  │      学习二 ・ 3-4 双飞翼布局及案例（了解即可）.mp4
│  │  │      学习二 ・ 4-1 课程总结.mp4
│  │  │      
│  │  └─8.项目：网页布局案例
│  │          学习二 ・ 1-1 课程介绍.mp4
│  │          学习二 ・ 1-2 思路分析.mp4
│  │          学习二 ・ 2-1 头部的制作.mp4
│  │          学习二 ・ 2-3 主体上面的图片.mp4
│  │          学习二 ・ 2-6 主体部分的中间.mp4
│  │          学习二 ・ 2-8 主体部分的底部.mp4
│  │          学习二 ・ 2-9 页面的底部.mp4
│  │          
│  ├─3.学习三：页面升级结构HTML5
│  │  │  4.HTML5基础测试
│  │  │  
│  │  ├─1.HTML5标签变化
│  │  │      学习三 ・ 1-1 HTML5简介.mp4
│  │  │      学习三 ・ 2-1 doctype.mp4_
│  │  │      学习三 ・ 2-4 DTD.mp4
│  │  │      学习三 ・ 3-1 结构标签.mp4
│  │  │      学习三 ・ 3-2 结构标签简单使用.mp4
│  │  │      学习三 ・ 3-4 结构标签使用补充.mp4
│  │  │      学习三 ・ 3-6 audio.mp4
│  │  │      学习三 ・ 3-7 video.mp4
│  │  │      学习三 ・ 3-8 embed.mp4
│  │  │      学习三 ・ 3-10 多媒体标签的意义.mp4
│  │  │      学习三 ・ 3-12 状态标签.mp4
│  │  │      学习三 ・ 3-16 列表标签.mp4
│  │  │      学习三 ・ 3-20 注释标签.mp4
│  │  │      学习三 ・ 3-22 其他标签.mp4
│  │  │      学习三 ・ 4-1 删除的标签.mp4
│  │  │      学习三 ・ 4-3 重定义标签.mp4
│  │  │      
│  │  ├─2.HTML5属性变化
│  │  │      学习三 ・ 1-1 课程概述.mp4
│  │  │      学习三 ・ 2-1 input新增类型（email_url_tel_number）.mp4
│  │  │      学习三 ・ 2-6 input（datepickers）.mp4
│  │  │      学习三 ・ 2-10 input新增类型（range_search_color）.mp4
│  │  │      学习三 ・ 3-1 form（autocomplete属性）.mp4
│  │  │      学习三 ・ 3-5 form（autofocus属性）.mp4
│  │  │      学习三 ・ 3-9 form（multiple属性）.mp4
│  │  │      学习三 ・ 3-13 form（placeholder属性）.mp4
│  │  │      学习三 ・ 3-17 form(required属性）.mp4
│  │  │      学习三 ・ 4-1 链接标签属性.mp4
│  │  │      学习三 ・ 4-5 script标签属性.mp4
│  │  │      学习三 ・ 4-9 ol标签属性.mp4
│  │  │      学习三 ・ 4-13 html和style属性.mp4
│  │  │      
│  │  └─3.项目：H5布局
│  │          学习三 ・ 1-1 html5页面布局概述.mp4
│  │          学习三 ・ 1-2 html5页面布局（结构层）.mp4
│  │          学习三 ・ 2-1 html5页面布局（表现层_header）.mp4
│  │          学习三 ・ 2-3 html5页面布局（表现层_banner）.mp4
│  │          学习三 ・ 2-4 html5页面布局（表现层_main）.mp4
│  │          学习三 ・ 2-6 html5页面布局（表现层_footer）.mp4
│  │          学习三 ・ 3-1 html5页面布局（兼容）.mp4
│  │        
│  ├─4.学习四：升级页面化妆师CSS32
│  │  │  9.CSS3测试
│  │  │  
│  │  ├─1.CSS3选择器
│  │  │      (1.4.1)学习四 ・ 1-1 CSS3选择器课程介绍.mp4
│  │  │      (1.4.1)学习四 ・ 2-1 基本选择器.mp4
│  │  │      (1.4.1)学习四 ・ 2-7 属性选择器.mp4
│  │  │      (1.4.1)学习四 ・ 2-16 动态伪类.mp4
│  │  │      (1.4.1)学习四 ・ 2-20 UI元素状态伪类.mp4
│  │  │      (1.4.1)学习四 ・ 2-23 结构类――First-Child和LastChild和nth-Child.mp4
│  │  │      (1.4.1)学习四 ・ 2-28 结构类――结构类参数(nth-child(n)).mp4
│  │  │      (1.4.1)学习四 ・ 2-32 结构类（其它）.mp4
│  │  │      (1.4.1)学习四 ・ 2-39 结构类――empty.mp4
│  │  │      (1.4.1)学习四 ・ 2-42 否定选择器.mp4
│  │  │      (1.4.1)学习四 ・ 2-43 css权重.mp4
│  │  │      (1.4.1)学习四 ・ 2-44 伪元素first-line（一）.mp4
│  │  │      (1.4.1)学习四 ・ 2-45 伪元素after（二）.mp4
│  │  │      (1.4.1)学习四 ・ 2-46 伪元素selection（三）.mp4
│  │  │      
│  │  ├─2.CSS3边框与圆角
│  │  │      (1.4.2)2学习四 ・ 1-1 圆角理论(边框和圆角).mp4
│  │  │      (1.4.2)2学习四 ・ 1-5 圆角案例.mp4
│  │  │      (1.4.2)2学习四 ・ 1-6 盒阴影.mp4
│  │  │      (1.4.2)2学习四 ・ 1-10 边界图片.mp4
│  │  │      
│  │  ├─3.CSS3背景与渐变
│  │  │      (1.4.3)学习四 ・ 1-1 课程介绍.mp4
│  │  │      (1.4.3)学习四 ・ 2-1 背景简介.mp4
│  │  │      (1.4.3)学习四 ・ 2-2 背景图像区域（ background-clip）.mp4
│  │  │      (1.4.3)学习四 ・ 2-6 背景图像定位（ background-origin）.mp4
│  │  │      (1.4.3)学习四 ・ 2-10 背景图像大小（ background-size）.mp4
│  │  │      (1.4.3)学习四 ・ 2-14 多重背景图像.mp4
│  │  │      (1.4.3)学习四 ・ 2-16 背景属性整合.mp4
│  │  │      (1.4.3)学习四 ・ 3-1 线性渐变、上下、左右、对角.mp4
│  │  │      (1.4.3)学习四 ・ 3-6 线性渐变、角度、结点、透明（1）.mp4
│  │  │      (1.4.3)学习四 ・ 3-11 线性渐变、角度、结点、透明（2）.mp4
│  │  │      (1.4.3)学习四 ・ 3-12 线性渐变-重复渐变.mp4
│  │  │      (1.4.3)学习四 ・ 3-15 径向渐变.mp4
│  │  │      (1.4.3)学习四 ・ 3-20 径向渐变-重复渐变.mp4
│  │  │      (1.4.3)学习四 ・ 3-22 IE渐变.mp4
│  │  │      (1.4.3)学习四 ・ 3-24 渐变应用.mp4
│  │  │      
│  │  ├─4.CSS3文本与字体
│  │  │      (1.4.4)学习四 ・ 1-1 文本阴影(text-shadow).mp4
│  │  │      (1.4.4)学习四 ・ 1-5 换行(word-break和word-wrap).mp4
│  │  │      (1.4.4)学习四 ・ 1-6 新文本属性（text-align-last和text-overflow）.mp4
│  │  │      (1.4.4)学习四 ・ 2-1 @font-face语法规则.mp4
│  │  │      (1.4.4)学习四 ・ 2-3 @font-face取值说明.mp4
│  │  │      (1.4.4)学习四 ・ 2-4 @font-face字体格式.mp4
│  │  │      (1.4.4)学习四 ・ 2-6 @font-face字体的应用.mp4
│  │  │      (1.4.4)学习四 ・ 2-8 @font-face 获取特殊字体.mp4
│  │  │    
│  │  ├─5.CSS3转换
│  │  │      (1.4.5)学习四 ・ 1-1 transform简介.mp4
│  │  │      (1.4.5)学习四 ・ 2-1 rotate.mp4
│  │  │      (1.4.5)学习四 ・ 2-5 translate.mp4
│  │  │      (1.4.5)学习四 ・ 2-8 scale.mp4
│  │  │      (1.4.5)学习四 ・ 2-13 skew.mp4
│  │  │      (1.4.5)学习四 ・ 3-1 rotate3d.mp4
│  │  │      (1.4.5)学习四 ・ 3-4 translate3d.mp4
│  │  │      (1.4.5)学习四 ・ 3-8 scale3d.mp4
│  │  │      (1.4.5)学习四 ・ 4-1 transform与坐标系统.mp4
│  │  │      (1.4.5)学习四 ・ 5-1 矩阵理论.mp4
│  │  │      (1.4.5)学习四 ・ 5-2 矩阵实战.mp4
│  │  │      (1.4.5)学习四 ・ 5-5 3d矩阵.mp4
│  │  │      (1.4.5)学习四 ・ 6-1 transform-style.mp4
│  │  │      (1.4.5)学习四 ・ 6-4 perspective.mp4
│  │  │      (1.4.5)学习四 ・ 6-6 backface-visibility.mp4
│  │  │      
│  │  ├─6.CSS3过渡
│  │  │      (1.4.6)学习四 ・ 1-1 过渡的概念.mp4
│  │  │      (1.4.6)学习四 ・ 2-1 transition-property属性.mp4
│  │  │      (1.4.6)学习四 ・ 2-3 transition-duration属性.mp4
│  │  │      (1.4.6)学习四 ・ 2-5 transition-timing-function属性.mp4
│  │  │      (1.4.6)学习四 ・ 2-7 transition-delay属性.mp4
│  │  │      (1.4.6)学习四 ・ 3-1 transition简写.mp4
│  │  │      
│  │  ├─7.CSS3动画
│  │  │      (1.4.7)学习四 ・ 1-1 课程介绍.mp4
│  │  │      (1.4.7)学习四 ・ 2-1 animation-name.mp4
│  │  │      (1.4.7)学习四 ・ 2-5 animation-duration.mp4
│  │  │      (1.4.7)学习四 ・ 2-9 animation-timing-function.mp4
│  │  │      (1.4.7)学习四 ・ 2-12 animation-delay.mp4
│  │  │      (1.4.7)学习四 ・ 2-16 animation-iteration-count.mp4
│  │  │      (1.4.7)学习四 ・ 2-20 animation-direction.mp4
│  │  │      (1.4.7)学习四 ・ 2-23 animation-fill-mode.mp4
│  │  │      (1.4.7)学习四 ・ 2-25 animation-play-state.mp4
│  │  │      (1.4.7)学习四 ・ 2-27 animation.mp4
│  │  │      (1.4.7)学习四 ・ 3-1 @keyframes.mp4
│  │  │      (1.4.7)学习四 ・ 4-1 will-change原理.mp4
│  │  │      (1.4.7)学习四 ・ 4-4 will-change应用.mp4
│  │  │    
│  │  └─8.项目：CSS3实现汉克狗案例<br style="word-wrap:break-word;color:#444444;font-family:t