学习路线
03分钟54秒HTML简介
00分钟36秒网页的相关概念
07分钟44秒常用浏览器以及内核
04分钟44秒web标准
07分钟32秒HTML标签导读
01分钟01秒HTML语法规范
07分钟11秒HTML基本结构标签
07分钟15秒VSCode工具创建页面
06分钟36秒DOCTYPE和lang以及字符集的作用
08分钟56秒标签语义
02分钟22秒标题标签
05分钟14秒段落标签和换行标签
06分钟23秒体育新闻案例
04分钟24秒文本格式化标签
07分钟57秒div和span标签
04分钟43秒图像标签（上）
09分钟13秒图像标签（下）
04分钟14秒图像标签注意点
02分钟47秒目录文件夹和根目录
06分钟30秒相对路径（上）
06分钟07秒相对路径（下）
02分钟56秒绝对路径
03分钟20秒链接标签（上）
08分钟38秒链接标签（下）
09分钟16秒锚点链接
07分钟02秒注释标签和特殊字符
08分钟18秒综合案例（上）
10分钟36秒综合案例（下）
05分钟13秒HTML标签（下）导读
01分钟11秒表格标签基本使用
08分钟10秒表头单元格标签
02分钟30秒表格相关属性（了解）
08分钟24秒小说排行榜案例
09分钟25秒表格结构标签
04分钟45秒合并单元格
08分钟30秒表格总结
03分钟46秒无序列表
08分钟44秒有序列表
03分钟16秒自定义列表
06分钟37秒列表总结
02分钟52秒表单使用场景以及分类
04分钟19秒表单域
05分钟25秒input之type属性文本框和密码框
06分钟32秒input之type属性单选按钮和复选框
04分钟36秒input之name和value属性
05分钟49秒input之checked和maxlength属性
03分钟32秒input表单元素四个属性使用场景课堂问答
03分钟03秒input之type属性提交和重置按钮
06分钟27秒input之type属性普通按钮和文件域
04分钟13秒label标签
06分钟08秒select下拉表单
05分钟41秒textarea文本域标签
05分钟13秒表单元素几点总结
02分钟50秒注册页面（一）
08分钟23秒注册页面（二）
08分钟58秒注册页面（三）
05分钟23秒注册页面（四）
03分钟59秒学会查阅文档
06分钟14秒CSS层叠样式表导读
01分钟08秒CSS简介
05分钟09秒体验CSS语法规范
07分钟17秒CSS代码风格
04分钟42秒css选择器的作用
03分钟34秒标签选择器
06分钟01秒类选择器
10分钟31秒使用类选择器画盒子
05分钟17秒类选择器特殊使用-多类名
08分钟02秒id选择器
06分钟23秒通配符选择器
05分钟04秒font-family设置字体系列
07分钟39秒font-size字号大小
04分钟01秒font-weight字体粗细
08分钟09秒font-style字体样式
03分钟06秒font复合属性写法
07分钟46秒字体属性总结
03分钟01秒文本颜色color
05分钟57秒文本对齐text-align
03分钟06秒文本装饰text-decoration
05分钟04秒文本缩进text-indent
05分钟26秒行间距line-height
08分钟09秒css文本属性总结
03分钟01秒内部样式表
04分钟25秒行内样式表
04分钟05秒外部样式表
05分钟04秒css引入方式总结
02分钟11秒新闻页面
06分钟03秒修改样式（一）
04分钟45秒修改样式（二）
07分钟40秒修改样式（三）
03分钟09秒chrome调试工具使用
07分钟04秒css第二天导读
01分钟29秒emmet语法生成html标签
09分钟57秒emmet语法快速生成css样式
03分钟08秒快速格式化代码
05分钟27秒复合选择器简介
01分钟36秒后代选择器
08分钟57秒子元素选择器
03分钟18秒课堂练习
02分钟54秒并集选择器
06分钟14秒链接伪类选择器（上）
09分钟39秒链接伪类选择器（下）
05分钟36秒focus伪类选择器
03分钟01秒复合选择器总结
03分钟03秒什么是元素显示模式
04分钟16秒块元素
06分钟38秒行内元素
05分钟32秒行内块元素
03分钟39秒元素显示模式总结
03分钟22秒显示模式的转换
08分钟12秒一个小工具snipaste的使用
04分钟44秒简洁版小米侧边栏案例
07分钟29秒单行文字垂直居中的原理
07分钟07秒背景颜色
03分钟59秒背景图片
04分钟22秒背景平铺
05分钟12秒背景位置-方位名词
07分钟29秒背景位置案例一
06分钟57秒背景位置案例二-王者荣耀背景图片
04分钟57秒背景位置-精确单位
04分钟01秒背景位置-混合单位
04分钟07秒背景固定
04分钟20秒背景属性复合写法
03分钟03秒背景颜色半透明
06分钟28秒背景总结
03分钟40秒综合案例五-彩导航（上）
07分钟01秒综合案例五-彩导航（二）
03分钟34秒层叠性
04分钟18秒继承性
04分钟40秒行高的继承
09分钟31秒优先级
06分钟31秒优先级注意的问题
07分钟42秒CSS权重的叠加
06分钟47秒权重两个练习题
05分钟25秒盒子模型导读
01分钟13秒看透网页布局本质
03分钟56秒盒子模型组成部分
03分钟33秒盒子模型边框border
07分钟31秒边框的复合写法
07分钟49秒表格细线边框
05分钟29秒边框会影响盒子实际大小
03分钟40秒盒子模型内边距padding
04分钟05秒padding复合属性
06分钟02秒padding会影响盒子实际大小
04分钟45秒padding应用-新浪导航栏（上）
06分钟09秒padding应用-新浪导航（下）
05分钟47秒小米侧边栏修改
02分钟56秒padding不会撑开盒子的情况
04分钟53秒盒子模型外边距margin
06分钟31秒外边距典型应用--块级盒子水平居中对齐
03分钟39秒行内元素和行内块元素水平居中
02分钟41秒外边距合并-相邻块元素垂直外边距
04分钟14秒外边距合并-嵌套块元素塌陷
06分钟01秒清除内外边距
04分钟51秒ps的基本操作
05分钟36秒综合案例-产品模块布局分析
02分钟14秒综合案例-box布局
03分钟38秒综合案例-图片和段落制作
06分钟05秒综合案例-评价和详情制作
06分钟28秒综合案例-竖线细节制作
04分钟11秒老师解惑
05分钟15秒快报模块布局分析
02分钟11秒快报模块头部制作
06分钟15秒快报模块列表制作
07分钟39秒圆角边框原理
06分钟20秒圆角边框的使用
07分钟43秒盒子阴影
09分钟04秒文字阴影
01分钟54秒浮动导读
02分钟05秒传统网页布局三种方式
04分钟43秒为什么需要浮动
05分钟16秒什么是浮动
04分钟46秒浮动特性-脱标
06分钟33秒浮动特性-浮动元素一行显示
03分钟48秒浮动特性-浮动元素具有行内块特性
04分钟52秒浮动元素经常搭配标准流的父元素
03分钟09秒浮动布局练习-1
04分钟04秒浮动布局练习-2
09分钟17秒浮动练习-手机模块（上）
06分钟05秒浮动练习-手机模块（下）
05分钟00秒常见的网页布局
10分钟39秒浮动的两个注意点
07分钟47秒为什么清除浮动
10分钟17秒清除浮动本质以及额外标签法
07分钟51秒清除浮动之父元素overflow
02分钟33秒清除浮动之after伪元素
05分钟04秒清除浮动之双伪元素
03分钟02秒清除浮动
02分钟49秒常见的图片格式
03分钟44秒图层切图（上）
04分钟48秒图层切图（下）
04分钟59秒切片工具
07分钟19秒cutterman安装
04分钟35秒cutterman使用技巧
06分钟04秒准备工作
06分钟40秒css属性书写顺序（重要）
04分钟56秒页面布局整体思路
05分钟30秒header区域制作
08分钟08秒logo区域制作
04分钟40秒导航栏nav区域制作（上）
06分钟24秒导航栏nav区域制作（中）
05分钟59秒导航栏nav区域制作（下）
02分钟54秒搜索search模块input制作
08分钟36秒搜索search模块button制作
05分钟27秒用户user模块制作
04分钟55秒banner模块制作
06分钟31秒subnav模块制作（上）
05分钟56秒subnav模块制作（下）
03分钟17秒course模块制作（上）
04分钟29秒course模块制作（中）
03分钟20秒course模块制作（下）
07分钟35秒精品推荐模块（上）
03分钟42秒精品推荐模块（中）
03分钟34秒精品推荐模块（下）
04分钟51秒box-hd模块制作
07分钟22秒box-bd模块制作
05分钟41秒box模块完成
05分钟54秒footer模块制作
04分钟46秒copyright模块制作
06分钟15秒links模块制作
04分钟35秒定位导读
00分钟59秒为什么需要定位
03分钟43秒定位组成
04分钟11秒相对定位
08分钟16秒绝对定位-没有父级或者父级无定位情况
07分钟16秒绝对定位-父级有定位情况
06分钟04秒绝对定位脱标的不占有原来位置
02分钟07秒子绝父相的由来
07分钟07秒子绝父相案例-hot模块
07分钟47秒固定定位
07分钟26秒固定定位小技巧-固定到版心右侧
06分钟30秒粘性定位（了解）
05分钟10秒定位总结
02分钟42秒定位的叠放顺序
07分钟18秒绝对定位的盒子居中算法
07分钟45秒定位的特殊特性
02分钟47秒浮动元素不会压住标准流的文字定位会
05分钟09秒布局分析
03分钟07秒大盒子制作
左侧箭头按钮制作
07分钟45秒右侧箭头按钮制作
ul盒子模块制作
li小圆点模块制作
网页布局总结
display显示隐藏元素
06分钟39秒visibility显示隐藏元素
overflow溢出显示隐藏
土豆案例（上）
土豆案例（下）
导读
01分钟25秒为什么需要精灵技术
04分钟57秒精灵图使用（原理）
06分钟18秒精灵图使用（代码）
06分钟30秒精灵图案例-拼出自己名字
07分钟32秒字体图标产生和优点
05分钟10秒字体图标下载
05分钟50秒字体图标的使用
08分钟20秒字体图标的追加和加载原理
04分钟06秒CSS三角的做法
05分钟14秒CSS三角应用-京东效果
03分钟48秒用户界面-鼠标样式
用户界面-取消表单轮廓和防止拖拽文本域
vertical-align实现行内块和文字垂直居中对齐
图片底侧空白缝隙解决方案
单行文字溢出省略号显示
多行文字溢出省略号显示
布局技巧-margin负值巧妙运用（上）
布局技巧-margin负值巧妙运用（下）
布局技巧-文字围绕浮动元素巧妙运用
布局技巧-行内块的巧妙运用
布局技巧-CSS三角巧妙运用（上）
布局技巧-CSS三角巧妙运用（下）
CSS初始化
HTML5CSS3提高导读
新增语义化标签
新增视频标签
新增音频标签
新增input表单
新增表单属性
属性选择器（上）
属性选择器（下）
结构伪类选择器-选择第n个元素
nth-child选择器（上）
nth-child选择器（下）
nth-child和nth-of-type的区别
伪元素选择器使用场景和由来
伪元素选择器基本使用
伪元素选择器使用场景-配合字体图标
伪元素使用场景-仿土豆效果
伪元素选择器-伪元素清除浮动本质
CSS3盒子模型border-box
CSS3图片模糊处理
计算盒子宽度calc函数
CSS3新增属性过渡（上）
CSS3新增属性过渡（下）
CSS3过渡练习
广义的H5（了解）
导读
00分钟48秒网站制作流程
05分钟05秒品优购项目规划
品优购项目搭建
品优购项目-样式的模块化开发
品优购项目-favicon图标制作
品优购项目-TDK三大标签SEO优化
品优购首页-快捷导航shortcut结构搭建
品优购首页-快捷导航左侧制作
品优购首页-快捷导航右侧搭建
品优购首页-快捷导航右侧字体图标
品优购首页-header头部模块搭建
品优购首页-logoSEO优化（上）
品优购首页-logoSEO优化（下）
品优购首页-search搜索模块（上）
品优购首页-search搜索模块（下）
品优购首页-hotwords热词模块
品优购首页-shopcar模块制作
品优购首页-count购物车统计模块
品优购首页-nav导航模块搭建
品优购首页-dropdown模块制作
品优购首页-导航详细分类制作（上）
品优购首页-导航详细分类制作（下）
品优购首页-navitems模块制作
品优购首页-footer底部模块搭建
品优购首页-mod-servecie模块制作（上）
品优购首页-mod-servecie模块制作（下）
品优购首页-mod_help模块制作
品优购首页-mod_copyright模块制作
品优购首页-main主体盒子搭建
品优购首页-newsflash模块
品优购首页-news-hd模块制作
品优购首页-new-bd模块制作
品优购首页-lifeservice制作（上）
06分钟30秒品优购首页-lifeservice制作（下）
07分钟04秒品优购首页-推荐模块recom（上）
品优购首页-推荐模块recom（下）
品优购首页-家用电器模块搭建
品优购首页-家用电器模块头部制作
tab栏选项卡原理布局需求
品优购首页-tab_list-item布局（上）
品优购首页-tab_list-item布局（中）
品优购首页-tab_list-item布局（下）
品优购列表-结构搭建
品优购列表页-秒杀模块制作
品优购列表页-导航模块修改
品优购列表页-一个小问题
品优购列表页-结束
品优购注册页-header制作
品优购列表页-注册主体模块头部制作
品优购注册页-注册主体制作（上）
品优购注册页-注册主体制作（下）
04分钟45秒品优购注册页-安全程度模块
品优购注册页-同意模块和完成注册模块
品优购项目页面相互跳转以及作业安排
什么是服务器
申请免费空间以及网站上传
1、web端布局：先讲解HTML5常用标签，接着讲解CSS3常见样式增加的H5C3新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。 2、移动端布局：主要讲解视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。
