投稿

2020最新web前端课程

2676

2

2020-01-14 14:47:33

未经作者授权，禁止转载

2019-2020最新最全HTML+CSS教程

MonsterBearLiu 发消息

我负责说开始。

01-(了解)课程体系的介绍

13:18

02-(了解)邂逅软件开发

50:00

03-(理解)网站-浏览器显示网页过程-浏览器开发者工具

23:57

04-(理解)浏览器的内核分类

23:31

05-(掌握)记事本开发第一个网页

17:14

06-(掌握)VSCode的插件安装

17:35

07-(掌握)VSCode重写第一个网页

09:30

08-(掌握)认识HTML超文本标记语言

17:27

09-(掌握)元素书写格式-元素的嵌套-元素关系

29:55

10-(掌握)元素的属性写法

18:34

11-(掌握)注释的使用-typora工具使用

48:13

12-(了解)今日内容介绍

05:27

13-(理解)html元素的lang属性

14:45

14-(掌握)head元素嵌套的元素

29:54

15-(掌握)h元素-p元素-strong元素

22:02

16-(理解)SEO和h元素之间的关系

16:22

17-(知道)code-br-hr元素

18:47

18-(掌握)字符实体的使用

15:15

19-(掌握)字符实体的练习

04:06

20-(掌握)span元素的使用

16:17

21-(掌握)div元素的使用

07:03

22-(掌握)img元素-相对路径和绝对路径

20:47

23-(掌握)img元素的其他属性

23:57

24-(掌握)a元素的基本使用

16:03

25-(理解)iframe元素的使用

02:46

26-(理解)iframe嵌入a元素的使用

08:33

27-(掌握)a元素和base元素的使用

09:34

28-(掌握)知识回顾和作业布置

09:44

29-(了解)今日内容概述

03:44

30-(掌握)a元素的锚点链接

03:44

31-(了解)a元素的伪链接

09:53

32-(掌握)a元素和img元素结合

12:14

33-(理解)URL的详细解析

31:28

34-(理解)标签语义化的重要性

09:49

35-(理解)CSS介绍-文档说明等

24:37

36-(掌握)css引入的三种方式

26:41

37-(掌握)css文件编码和import引入

11:36

38-(了解)统配选择器的使用

15:10

39-(掌握)元素选择器-class选择器-id选择器

29:34

40-(掌握)CSS相关的细节

15:54

41-(掌握)CSS常见的属性

17:40

42-(掌握)网站添加div的outline属性

06:48

43-(掌握)颜色设置的其他方式

35:07

44-(了解)今日内容概述-day04

01:39

45-(掌握)text-decoration的使用

18:08

46-(了解)text-transform的使用

05:58

47-(掌握)text-indent的使用

09:48

48-(掌握)text-align的使用

21:14

49-(掌握)font-size的使用

14:26

50-(掌握)font-family的使用

18:16

51-(掌握)font-weight的使用

11:31

52-(掌握)font-style的使用

09:07

53-(了解)font-varient的使用

02:23

54-(掌握)line-height的理解和应用

24:34

55-(掌握)font缩写属性的使用

12:20

56-(掌握)属性选择器的使用

20:16

57-(掌握)后代和子代选择器的使用

12:32

58-(掌握)后代选择器的补充内容

09:13

59-(掌握)交集和并集选择器的使用

19:44

60-(掌握)回顾和作业

11:56

61-(理解)目标和元素状态伪类

19:00

62-(掌握)动态伪类的使用

21:50

63-(理解)伪类选择器注意事项

03:08

64-(理解)已访问链接的疑惑

03:43

65-(掌握)结构伪类-nth-child-数字

11:21

66-(掌握)结构伪类-nth-child-n

10:54

67-(掌握)交集选择器和后代选择器的区别

05:16

68-(掌握)结构伪类-nth-last-child

09:29

69-(掌握)结构伪类-nth-of-type

08:27

70-(掌握)结构伪类-其他伪类补充

21:40

71-(掌握)结构伪类-否定伪类

09:09

72-(了解)否定伪类案例解析

05:00

73-(了解)first-line和first-letter

08:50

74-(掌握)before和after的使用

12:45

75-(掌握)Emmet-生成子代和兄弟元素

12:30

76-(掌握)Emmet-多个和上一层和分组

06:30

77-(掌握)Emmet-属性和内容和数字

08:57

78-(掌握)Emmet-隐式标签

05:07

79-(掌握)Emment-css属性写法

08:50

80-(了解)课堂内容总结

11:09

81-(了解)今日内容概述day06

02:04

82-(掌握)css特性-继承的特性解析

22:50

83-(掌握)css特性-继承的注意事项

05:39

84-(掌握)css特性-层叠和权重比较

23:25

85-(理解)CSS特性知识总结

07:43

86-(掌握)有序-无序-定义列表

24:16

87-(掌握)列表-常见的属性

18:46

88-(掌握)表格-table的基本使用

11:08

89-(理解)表格-tr和td相关属性设置

10:25

90-(掌握)表格-边框合并属性

12:37

91-(掌握)表格-表格其他元素使用

18:10

92-(掌握)表格-单元格合并的演练

11:28

93-(掌握)表格-单元格合并的练习

13:59

94-(了解)表格-border-spacing的使用

06:09

95-(掌握)表单-表单元素的基本使用

20:45

96-(掌握)表单-fieldset和legend使用

04:50

97-(掌握)表单-type的其他属性

09:22

98-(了解)内容总结和作业

08:31

99-(了解)day07今日概述

05:48

100-(掌握)学历-简介-重置的实现

05:48

101-(掌握)input元素的其他属性

18:11

102-(掌握)button的两种实现方式

21:32

103-(掌握)模拟百度搜索功能

05:02

104-(掌握)input和label的关系

08:08

105-(掌握)input的外边框-outline

11:41

106-(掌握)textarea相关的属性和样式

03:21

107-(掌握)select和option的属性细节

02:48

108-(掌握)表单提交的两种方式分析

14:36

109-(掌握)input的name和value作用

12:23

110-(掌握)form提交的请求方式GET-POST

17:05

111-(掌握)form的target属性和accept-charset

04:21

112-(掌握)form的文件上传类型

07:24

113-(理解)form中enctype的上传文件

04:34

114-(掌握)元素类型的划分方式

30:04

115-(掌握)display属性的四个取值

17:13

116-(掌握)display练习-邮箱列表

24:11

117-(掌握)课堂内容总结和作业

07:12

118-(了解)day08内容概述

01:09

119-(理解)display属性值的补充

01:09

120-(掌握)display练习-分页列表

38:24

121-(掌握)查看元素的hover状态

03:56

122-(掌握)visibility属性的使用

07:52

123-(掌握)overflow属性的使用

12:16

124-(掌握)行内级元素之间的空格

13:00

125-(理解)元素之间的嵌套关系

04:19

126-(掌握)多角度盒子模型的理解

16:11

127-(掌握)盒子模型_content相关属性

16:08

128-(掌握)盒子模型_padding相关属性

10:45

129-(理解)word-break属性的使用

03:23

130-(掌握)盒子模型_margin相关属性

09:22

131-(掌握)上下margin的折叠-兄弟关系 (1)

21:59

132-(掌握)上下margin的折叠-兄弟关系

09:02

133-(掌握)盒子模型_border基本演练

08:04

134-(掌握)盒子模型_border-style的取值

05:13

135-(掌握)盒子模型_border实现形状

20:47

136-(掌握)行内元素的margin-padding-border

11:47

137-(掌握)圆角效果border-radius

13:48

138-(了解)day08内容回顾和作业

07:45

139-(了解)day09内容概述

01:04

140-(掌握)元素的外轮廓-outline

12:41

141-(掌握)元素的阴影效果-box-shadow

17:39

142-(掌握)元素的阴影练习

15:24

143-(理解)文字的阴影效果-text-shadow

08:15

144-(掌握)盒子尺寸-box-sizing

13:20

145-(掌握)水平居中-不同情况分析

13:20

146-(掌握)margin水平居中的原理

14:22

147-(掌握)背景-background-image-repeat

08:51

148-(理解)margin的auto值官方文档阅读

15:09

149-(掌握)background-repeat的练习l

03:00

150-(掌握)background-size的使用

11:04

151-(掌握)background-position的使用

07:21

152-(理解)CSS-Sprite的认识和作用

13:58

153-(掌握)京东案例练习-多快好省01

18:27

154-(掌握)京东案例练习-多快好省02

25:30

155-(掌握)背景居中-梦幻西游练习

12:23

156-(理解)background-attachment的使用

09:27

157-(掌握)background的缩写属性

05:52

158-(理解)img和background-image的选择

04:46

159-(了解)day09内容回顾和作业

05:18

160-(了解)day10内容概述

01:54

161-(掌握)光标的展示样式-cursor

08:57

162-(理解)标准流概念的理解

14:33

163-(掌握)定义position的值解析

14:00

164-(掌握)相对定位-代码演练

15:48

165-(掌握)相对定位-练习01

05:50

166-(掌握)相对定位-练习02-mhxy

20:49

167-(掌握)固定定位-代码演练

12:32

168-(掌握)脱离标准流元素的display

16:26

169-(掌握)固定定位练习-考拉侧栏

16:37

170-(掌握)绝对定位-代码演练

15:53

171-(掌握)绝对定位-考拉练习01

27:54

172-(掌握)绝对定位-考拉练习-二维码01

25:19

173-(掌握)绝对定位-考拉练习-二维码02

07:46

174-(掌握)绝对定位-考拉练习-二维码03

12:14

175-(掌握)绝对定位的公式应用

15:33

176-(掌握)定位元素的层叠关系z-index

15:55

177-(掌握)day10内容回顾和作业

07:43

178-(了解)day11内容概述

02:40

179-(理解)float的认识和应用场景

06:41

180-(掌握)浮动的理解-规则一

10:29

181-(掌握)浮动的理解-规则二

24:23

182-(掌握)浮动的理解-规则三

15:55

183-(掌握)浮动的理解-前面规则的现象

14:41

184-(掌握)浮动的理解-规则四和五

10:05

185-(掌握)浮动的理解-规则六

05:20

186-(掌握)浮动的总结和应用

11:31

187-(掌握)浮动的布局-京东案例01

08:54

188-(掌握)浮动的布局-京东案例02

06:24

189-(掌握)多出margin的处理方式

32:02

190-(理解)最后一个元素的margin处理方法

09:25

191-(掌握)浮动的布局-京东案例03

10:05

192-(掌握)浮动的布局-考拉案例01

32:44

193-(掌握)浮动的布局-考拉案例02

21:52

194-(掌握)浮动的布局-考拉案例03

19:38

195-(了解)day11内容回顾和作业

07:13

196-(了解)day12今日内容概述

12:55

197-(掌握)浮动高度坍塌-清浮动

29:37

198-(理解)定位和浮动的应用场景

06:18

199-(掌握)transform-translate使用

15:22

200-(掌握)transform-scale使用

06:04

201-(掌握)transform-origin使用

04:39

202-(掌握)transform-rotate使用

03:25

203-(掌握)transform-skew使用

02:53

204-(掌握)transition过渡动画

14:26

205-(理解)vertical-align-行盒的理解

16:24

206-(掌握)vertical-align值的理解

36:45

207-(掌握)考拉项目-目录结构划分

18:09

208-(掌握)考拉项目-css的reset和引入

15:02

209-(掌握)考拉项目-页面结构和样式划分

12:58

210-(掌握)考拉项目-顶部广告居中实现

11:25

211-(掌握)考拉项目-导航右侧的内容

13:33

212-(掌握)考拉项目-导航左侧的内容

12:06

213-(掌握)考拉项目-导航右侧的细节调整

21:49

214-(掌握)考拉项目-logo的内容和居中

07:32

215-(掌握)考拉项目-搜索框的实现

28:20

216-(了解)day12内容回顾和作业

05:05

217-(理解)day13内容概述

14:01

218-(掌握)顶部的tabbar布局和颜色渐变

25:39

219-(掌握)三个横线图标的实现

14:34

220-(了解)如何学好HTML和CSS

05:27

221-(掌握)顶部的tabbar列表展示

17:31

222-(掌握)轮播图的显示和居中

22:59

223-(理解)transform对行内元素无效

12:06

224-(掌握)分类列表的基础结构和布局

10:06

225-(掌握)分类列表的细节样式完成

20:18

226-(掌握)问题总结和bug调试技巧

10:02

227-(掌握)高斯模糊的实现方案

25:30

228-(掌握)轮播图控制按钮的展示

21:28

229-(掌握)轮播图的指示器展示

21:06

230-(掌握)热门品牌的布局实现

13:43

231-(了解)day13内容回顾

04:35

232-(了解)day14内容概述

09:53

233-(掌握)热门品牌-左侧内容展示

22:39

234-(掌握)热门品牌-品牌内容展示

22:11

235-(掌握)热门品牌-品牌内容动画效果

21:29

236-(掌握)热门品牌-细节的补充

14:14

237-(理解)HTML5和CSS3的概念理解

14:21

238-(掌握)HTML5新增语义化元素

05:56

239-(掌握)HTML5多媒体元素-video

11:03

240-(掌握)HTML5多媒体元素-video补充

07:12

241-(掌握)HTML5多媒体元素-audio

06:42

242-(掌握)HTML5对表单元素扩展

16:55

243-(了解)day14内容总结和作业

08:45

244-(掌握)flex布局-认识flex布局重要概念

15:17

245-(掌握)flex布局-认识flex的布局模型

08:23

246-(掌握)flex-container属性-flex-direction

14:56

247-(掌握)flex-container属性-justify-content

11:11

248-(掌握)flex-container属性-align-items

12:28

249-(掌握)flex-container属性-flex-wrap

07:47

250-(掌握)flex-container属性-flex-flow

02:37

251-(掌握)flex-container属性-align-content

07:06

252-(理解)flex-items属性-order

07:26

253-(理解)flex-items属性-align-self

02:17

254-(掌握)flex-items属性-flex-grow

08:16

255-(掌握)flex-items属性-flex-shrink

07:07

256-(掌握)flex-items属性-flex-basis

02:56

257-(掌握)flex-items属性-flex

04:38

258-(了解)day15作业回顾和内容概述

14:00

259-(掌握)网络字体的使用

24:14

260-(理解)字体图标的原理和阿里icon库

16:45

261-(掌握)字体图标的使用

19:29

262-(掌握)图片使用方式的总结

06:49

263-(掌握)关键帧动画的使用

23:42

264-(掌握)页面动画实现方案

20:54

265-(掌握)transform多个值的使用

05:41

266-(理解)浏览器前缀如何添加

10:03

267-(理解)为什么需要浏览器前缀

09:54

268-(掌握)文字省略号的显示

18:50

269-(掌握)移动端适配-视口的设置

23:25

270-(掌握)不同的单位相对谁

14:54

271-(掌握)rem单位的使用

05:51

272-(掌握)rem如何进行移动端适配

32:32

273-(理解)less的基本使用

09:46

274-(了解)HTML和CSS内容回顾

54:57

顶部