HTML5&CSS3零基础小白入门教程
Github仓库代码地址: https://github.com/hemiahwu/html5AndCss3
欢迎加QQ群一起学习: 27732356
授课老师微信: web1024b
视频选集
（6/125）
第一阶段HTML-项目介绍
01:09
1HTML5-html系列课程的介绍
03:31
2了解上网的流程及相关知识
11:00
3html和css工作的规则
07:15
4HTML5-安装工具及创建html文件
11:04
5HTML5-首标签和尾标签
07:54
6HTML5-html的基本结构
08:16
7HTML5-如何使用liveServer插件
05:55
8HTML5-meta标签和搜索引擎
16:29
9HTML5-基础标签
08:22
10HTML5-链接和图片标签
09:29
11HTML5-列表和表格标签
10:14
12HTML5-form表单
26:15
13HTML5-行标签和快标签的特性
12:49
14HTML5-id和class属性
12:00
15HTML5-相关的符号
07:41
16HTML5-h5新标签的使用
09:27
17CSS3-CSS3课程介绍
02:27
18CSS3-样式三种书写方式
10:05
19CSS3-CSS选择器
13:57
20CSS3-介绍谷歌开发者工具
06:31
21CSS3-字体样式
14:13
22CSS3-颜色的三种体现方式
09:06
23CSS3-背景和边框的使用
19:38
24CSS3-盒子模型
20:47
25CSS3-浮动和文本对齐
17:07
26CSS3-a和button的样式设计
07:15
27CSS3-制作两种导航
12:05
28CSS3-行与块标签的属性改变
12:57
29CSS3-定位
13:13
30CSS3-实战demo注册表单
13:12
31CSS3-补充视频
05:28
3-1CSS-Colors
23:44
3-2CSS-Units
58:39
3-3CSS-Font
40:28
3-4CSS-BoxModel
43:30
3-5CSS-Display
35:34
3-6CSS-Background-Image
54:52
3-7CSS-Float-Position
57:39
3-8CSS-Selectors
52:39
4-1-CSS-2D-Transform课程介绍
01:49
4-2-CSS-2D-translate的使用
08:01
4-3-CSS-2D-scale的使用
04:41
4-4-CSS-2D-rotate的使用
03:19
4-5-CSS-2D-skew的使用
02:49
4-6-CSS-2D-origin的使用
03:24
4-7CSS-Transition
19:54
4-8CSS-Animation
12:38
4-9CSS-Variable变量
23:39
5-1css-media-queries
35:32
5-2css-flexbox
56:18
5-3css-grid
01:03:14
6-1-京东商城最终成果展示
05:54
6-2-页面的整体布局
07:59
6-3-重置样式和全局样式
07:54
6-4-引入并使用字体图标
10:24
6-5-定位的结构
09:57
6-6-填充定位的样式
12:02
6-7-完成定位的样式
15:56
6-8-布局右侧导航
09:20
6-9-右侧导航的样式渲染
08:38
6-10-右侧二维码hover效果
15:29
6-11-搭建第二部分的结构
08:26
6-12-搭建logo和search的样式
16:10
6-13-渲染关键字和nav的样式
06:45
6-14-第三部分整体布局
06:43
6-15-hover效果的布局
16:19
6-16-渲染分类样式
11:07
6-17-渲染hover的样式
15:54
6-18-设置轮播图的效果
20:29
6-19-设置小图滚动的结构和样式
12:07
6-20-个人信息的结构布局
07:55
6-21-用户信息的样式
14:21
6-22-新闻列表的样式渲染
09:16
6-23-服务列表的样式渲染
06:55
6-24-滚动图的结构布局
12:28
6-25-渲染秒杀样式
09:38
6-26-渲染中间样式
16:15
6-27-右侧的样式布局
17:11
6-28-搭建第五部分的结构
05:44
6-29-渲染发现好货的样式
07:39
6-30-渲染自动滚动的样式
13:30
6-31-搭建第六部分的结构
14:07
6-32-渲染新品首发样式
15:47
6-33-渲染排行榜的样式
16:53
6-34-渲染逛好店的样式
14:26
6-35-渲染领券中心的样式
13:24
6-36-搭建基本结构
08:49
6-37-渲染tab的样式
12:00
6-38-实现多图样式渲染
15:04
6-39-实现服务的结构和样式
07:15
6-40-设计底部结构和样式
10:25
6-41-设计侧边导航的结构和样式
11:23
6-42-顶部搜索的结构样式设计
09:34
7-1-最终的成果展示
02:47
7-2-vscode编辑器
03:05
7-3美团商品页效果图
02:30
7-4-搭建基本结构和素材准备
06:04
7-5-字体图标的生成
11:37
7-6-布局Header的结构
07:42
7-7-渲染顶部通栏的样式
14:52
7-8-渲染第2和3的样式
08:58
7-9-渲染导航的结构和样式
08:11
7-10-设置主体文件内容
02:54
7-11-搭建点菜页面的结构
18:06
7-12-实现左侧导航菜单样式
09:22
7-13-设置右侧商品列表样式(一)
08:54
7-14-渲染商品信息的样式
09:58
7-15-渲染加减号样式
04:30
7-16-渲染底部无商品购物车
11:11
7-17-有商品购物车效果图
01:42
7-18-实现有商品购物车样式
07:28
7-19-构建购物车商品列表
05:38
7-20-渲染购物车列表顶部
07:13
7-21-渲染购物车列表内容
10:30
7-22-评价页面效果图
01:02
7-23-构建评价页面第一部分结构
05:01
7-24-构建评价内容的结构
05:58
7-25-渲染综合评价的样式
13:17
7-26-渲染标签和选中的样式
07:11
7-27-渲染具体的评论样式
07:55
7-28-介绍商家效果图
01:11
7-29-商家服务的页面
05:54
7-30-渲染商家地址和图片
12:12
7-31-渲染商家配送的样式
08:14
顶部