目录
第1章
HTML初识
-
2
- 导学
- 学习时长：08分27秒
-
3
- 网页组成和本质
- 学习时长：05分54秒
-
4
- 初识浏览器
- 学习时长：06分57秒
-
5
- web标准
- 学习时长：07分32秒
-
6
- HTML感知
- 学习时长：12分16秒
-
7
- HTML骨架
- 学习时长：06分07秒
-
8
- vscode的简介和使用
- 学习时长：11分47秒
-
9
- 注释
- 学习时长：06分50秒
-
10
- 标签组成和关系
- 学习时长：06分16秒
-
11
- 标题和段落
- 学习时长：14分02秒
-
12
- 换行和水平线标签
- 学习时长：03分59秒
-
13
- 文本格式化标签
- 学习时长：09分47秒
-
14
- 图片基本使用
- 学习时长：09分04秒
-
15
- 图片属性
- 学习时长：08分31秒
-
16
- 绝对路径
- 学习时长：10分24秒
-
17
- 相对路径-同级和下级
- 学习时长：10分17秒
-
18
- 相对路径-上级
- 学习时长：05分34秒
-
19
- 音频标签
- 学习时长：09分27秒
-
20
- 视频标签
- 学习时长：07分36秒
-
21
- 超链接
- 学习时长：15分09秒
-
22
- 综合案例-招聘
- 学习时长：12分23秒
-
23
- 综合案例-跳转-index
- 学习时长：08分22秒
-
24
- 综合案例-跳转-其他页面
- 学习时长：08分17秒
第2章
HTML基础
-
2
- 列表-使用场景
- 学习时长：04分10秒
-
3
- 列表-无序和有序
- 学习时长：08分40秒
-
4
- 列表-自定义
- 学习时长：05分11秒
-
5
- 表格-使用
- 学习时长：13分20秒
-
6
- 表格-表格标题和表头单元格
- 学习时长：07分20秒
-
7
- 表格-结构标签
- 学习时长：08分55秒
-
8
- 表格-合并单元格
- 学习时长：10分05秒
-
9
- 表单-应用场景
- 学习时长：03分30秒
-
10
- 表单-input基本使用
- 学习时长：14分29秒
-
11
- 表单-input-占位符（提示信息）
- 学习时长：04分05秒
-
12
- 表单-单选功能和默认选中
- 学习时长：09分10秒
-
13
- 表单-上传多个文件
- 学习时长：02分57秒
-
14
- 表单-按钮-input
- 学习时长：11分53秒
-
15
- 表单-按钮-button
- 学习时长：05分14秒
-
16
- 表单-下拉菜单
- 学习时长：07分18秒
-
17
- 表单-文本域
- 学习时长：04分34秒
-
18
- 表单-label标签
- 学习时长：08分54秒
-
19
- 语义化标签
- 学习时长：11分34秒
-
20
- 字符实体
- 学习时长：04分17秒
-
21
- 综合案例-学生信息表
- 学习时长：09分57秒
-
22
- 综合案例-表单
- 学习时长：15分40秒
第3章
CSS基础
-
2
- 体验css
- 学习时长：12分01秒
-
3
- css引入方式
- 学习时长：10分25秒
-
4
- 选择器-标签
- 学习时长：04分31秒
-
5
- 选择器-类
- 学习时长：08分35秒
-
6
- 选择器-id
- 学习时长：07分02秒
-
7
- 选择器-通配符
- 学习时长：04分51秒
-
8
- 文字基本样式
- 学习时长：09分34秒
-
9
- 文字-字体
- 学习时长：12分00秒
-
10
- 拓展-层叠性
- 学习时长：02分07秒
-
11
- font复合属性
- 学习时长：08分27秒
-
12
- 文本缩进
- 学习时长：05分20秒
-
13
- 水平对齐方式
- 学习时长：07分37秒
-
14
- 文本修饰线
- 学习时长：04分48秒
-
15
- 行高
- 学习时长：09分22秒
-
16
- 谷歌调试工具
- 学习时长：12分37秒
-
17
- 拓展-颜色取值
- 学习时长：06分28秒
-
18
- 拓展-标签居中
- 学习时长：04分01秒
-
19
- 综合案例1-标题完成
- 学习时长：13分50秒
-
20
- 综合案例1-新闻-内容
- 学习时长：05分25秒
-
21
- 综合案例2-图片完成
- 学习时长：11分40秒
-
22
- 综合案例2-产品-文字效果
- 学习时长：07分25秒
第5章
CSS盒子模型
-
2
- 优先级-基本测试
- 学习时长：13分50秒
-
3
- 优先级-叠加计算
- 学习时长：09分06秒
-
4
- 优先级-计算题
- 学习时长：14分20秒
-
5
- 谷歌-排错
- 学习时长：13分20秒
-
6
- PxCook
- 学习时长：12分27秒
-
7
- 盒子模型-组成
- 学习时长：12分45秒
-
8
- 盒子模型-浏览器效果
- 学习时长：04分10秒
-
9
- 盒子模型-内容width和height
- 学习时长：03分01秒
-
10
- 盒子模型-border使用方法
- 学习时长：11分10秒
-
11
- 盒子模型-尺寸计算-border
- 学习时长：04分31秒
-
12
- 盒子模型-案例
- 学习时长：06分39秒
-
13
- 新浪导航-布局div
- 学习时长：07分13秒
-
14
- 新浪导航-内容a
- 学习时长：13分07秒
-
15
- 盒子模型-padding-多值
- 学习时长：13分26秒
-
16
- 盒子模型-尺寸-border和padding
- 学习时长：04分08秒
-
17
- 新浪导航-padding优化
- 学习时长：06分03秒
-
18
- 盒子模型-内减模式
- 学习时长：04分46秒
-
19
- 盒子模型-外边距
- 学习时长：03分19秒
-
20
- 清除默认样式
- 学习时长：11分10秒
-
21
- 版心居中
- 学习时长：04分58秒
-
22
- 综合案例-新闻列表-div布局
- 学习时长：05分23秒
-
23
- 综合案例-新闻列表-标题
- 学习时长：09分34秒
-
24
- 综合案例-新闻列表-内容
- 学习时长：09分07秒
-
25
- 外边距-问题
- 学习时长：13分38秒
-
26
- 行内元素的垂直内外边距
- 学习时长：04分20秒
第6章
CSS浮动
-
2
- 结构伪类-基本用法
- 学习时长：07分55秒
-
3
- 结构伪类-公式
- 学习时长：09分35秒
-
4
- 伪元素
- 学习时长：12分11秒
-
5
- 标准流
- 学习时长：02分47秒
-
6
- 浮动-体验行内块问题
- 学习时长：08分10秒
-
7
- 浮动-作用
- 学习时长：06分59秒
-
8
- 浮动-特点
- 学习时长：12分12秒
-
9
- 综合案例-小米布局
- 学习时长：07分38秒
-
10
- 拓展-css属性顺序
- 学习时长：04分56秒
-
11
- 综合案例-小米产品-左右结构
- 学习时长：05分20秒
-
12
- 综合案例-小米产品-li
- 学习时长：08分34秒
-
13
- 综合案例-导航
- 学习时长：13分15秒
-
14
- 清除浮动-场景搭建
- 学习时长：11分03秒
-
15
- 清除浮动-额外标签
- 学习时长：04分39秒
-
16
- 清除浮动-单伪元素
- 学习时长：07分35秒
-
17
- 清除浮动-双伪元素
- 学习时长：06分05秒
-
18
- 清除浮动-overflow
- 学习时长：02分15秒
第7章
在线项目
-
2
- 准备工作
- 学习时长：12分41秒
-
3
- 版心和清除默认样式
- 学习时长：11分36秒
-
4
- header布局
- 学习时长：04分51秒
-
5
- logo和nav布局
- 学习时长：05分52秒
-
6
- nav内容完成
- 学习时长：10分57秒
-
7
- 搜索-布局和文本框
- 学习时长：09分57秒
-
8
- 搜索-按钮
- 学习时长：06分17秒
-
9
- 用户区域
- 学习时长：06分47秒
-
10
- banner-布局
- 学习时长：07分44秒
-
11
- banner-left完成
- 学习时长：07分27秒
-
12
- banner-right-标题
- 学习时长：03分16秒
-
13
- banner-right-内容
- 学习时长：08分49秒
-
14
- banner-right-全部课程
- 学习时长：04分54秒
-
15
- 精品推荐
- 学习时长：12分44秒
-
16
- 精品课程-标题
- 学习时长：07分09秒
-
17
- 精品课程内容
- 学习时长：11分12秒
-
18
- 版权区域-布局
- 学习时长：06分15秒
-
19
- 版权区域-内容
- 学习时长：08分22秒
第8章
定位装饰
-
2
- 作用和使用步骤
- 学习时长：06分07秒
-
3
- 相对relative
- 学习时长：05分39秒
-
4
- 了解-定位-注意事项
- 学习时长：04分13秒
-
5
- 绝对absolute-参照浏览器
- 学习时长：07分39秒
-
6
- 子绝父相
- 学习时长：11分44秒
-
7
- 案例—学成在线-hot
- 学习时长：07分26秒
-
8
- 居中
- 学习时长：10分03秒
-
9
- 位移居中
- 学习时长：06分09秒
-
10
- 案例-二维码
- 学习时长：07分13秒
-
11
- 案例-banner
- 学习时长：08分17秒
-
12
- 固定
- 学习时长：06分03秒
-
13
- 显示层级
- 学习时长：09分37秒
-
14
- vertical-align-01
- 学习时长：11分58秒
-
15
- vertical-align-02
- 学习时长：07分17秒
-
16
- 光标类型
- 学习时长：07分11秒
-
17
- 圆角边框-基本使用
- 学习时长：09分45秒
-
18
- 圆角边框-工作场景
- 学习时长：06分23秒
-
19
- 溢出显示效果-overflow
- 学习时长：06分45秒
-
20
- 显示隐藏-基本使用
- 学习时长：05分49秒
-
21
- 案例-二维码显示隐藏
- 学习时长：03分29秒
-
22
- 透明属性opacity
- 学习时长：02分41秒
第9章
小兔鲜项目搭建
-
2
- css精灵-作用
- 学习时长：03分46秒
-
3
- css精灵-使用
- 学习时长：14分12秒
-
4
- 背景图缩放
- 学习时长：11分16秒
-
5
- 盒子阴影
- 学习时长：08分09秒
-
6
- 过渡
- 学习时长：09分21秒
-
7
- 骨架标签
- 学习时长：10分47秒
-
8
- SEO
- 学习时长：12分58秒
-
9
- favicon-标题图标
- 学习时长：02分42秒
-
10
- 项目目录
- 学习时长：10分52秒
-
11
- 项目代码准备
- 学习时长：06分41秒
-
12
- 快捷导航-布局
- 学习时长：09分26秒
-
13
- 快捷导航-内容
- 学习时长：11分34秒
-
14
- header-布局
- 学习时长：10分09秒
-
15
- logo和导航
- 学习时长：09分06秒
-
16
- 搜索
- 学习时长：10分56秒
-
17
- 购物车
- 学习时长：07分48秒
-
18
- 版权-布局
- 学习时长：10分39秒
-
19
- 版权-li内容完成
- 学习时长：12分04秒
-
20
- 版权底部
- 学习时长：04分51秒
第10章
小兔鲜项目主体
-
2
- banner-图
- 学习时长：06分52秒
-
3
- banner-侧导航-布局
- 学习时长：08分16秒
-
4
- banner-侧导航-文字内容
- 学习时长：08分55秒
-
5
- banner-箭头
- 学习时长：14分52秒
-
6
- banner-圆点
- 学习时长：11分03秒
-
7
- 新鲜好物-标题
- 学习时长：11分42秒
-
8
- 新鲜好物-内容-布局
- 学习时长：09分21秒
-
9
- 新鲜好物-内容完成
- 学习时长：06分43秒
-
10
- 新鲜好物-新品文字
- 学习时长：06分13秒
-
11
- 生鲜-标题-布局
- 学习时长：09分09秒
-
12
- 生鲜区域
- 学习时长：10分31秒
-
13
- 生鲜-内容-布局
- 学习时长：05分05秒