2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战【共38课时】

小滴课堂新锐讲师讲师评分4.9学员1871269课程55

小D课堂的产品主打主流IT技术视频教程，包含前端、后端、测试、运维和数据结构与算法等方向。

畅销套餐
精选套餐
人气套餐
尊享套餐
高薪套餐

零基础入门与小程序实战

2020全新录制 HTML CSS教程前端零基础教程网页制作教程

12454人学习

￥24.00

2020全新Javascript视频教程零基础多实战例子教程前端js教程

8761人学习

￥38.00

2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

10874人学习

￥28.00

更多 5 门课程

html/css教程js教程HTML5 flex布局项目实战

2020全新录制 HTML CSS教程前端零基础教程网页制作教程

12454人学习

￥24.00

2020全新Javascript视频教程零基础多实战例子教程前端js教程

8761人学习

￥38.00

2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

2020全新Javascript视频教程零基础多实战例子教程前端js教程

8761人学习

￥38.00

2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

10874人学习

￥28.00

2020全新录制 HTML CSS教程前端零基础教程网页制作教程

12454人学习

￥24.00

更多 3 门课程

前端html/css/html5/css3/js教程

2020全新录制 HTML CSS教程前端零基础教程网页制作教程

12454人学习

￥24.00

2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

10874人学习

￥28.00

2020全新Javascript视频教程零基础多实战例子教程前端js教程

8761人学习

￥38.00

更多 3 门课程

前端html/css/html5/css3/js教程

2020全新录制 HTML CSS教程前端零基础教程网页制作教程

12454人学习

￥24.00

2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

10874人学习

￥28.00

2020全新Javascript视频教程零基础多实战例子教程前端js教程

8761人学习

￥38.00

更多 3 门课程

课程介绍
课程大纲

适合人群：

初级前端工程师

你将会学到：

学习到HTML5和CSS3的新特性，编写一个动画和过渡特效。使用flex弹性布局去开发一个响应式网页

课程简介：

课程版本：这是一套讲解HTML5及CSS3新增特性的视频教程，本套课程分为7章38节。

HTML5和CSS3是每个初级前端工程师都必备的知识点，它是学习前端必须学习的一个基础知识，本套课程还会讲解flex布局，这也是当前前端开发的主流布局。

核心内容：

讲解HTML5及CSS3新增特性
web本地储存以及三大存储方式的区别
如何使用精灵图片以及css3特效
分析flex布局的六大容器属性和六大项目属性
详细讲解flex布局搭配项目实战
HTML5CSS3的一些常见面试题

HTML5+CSS3_01.png HTML5+CSS3_02.png HTML5+CSS3_03.png HTML5+CSS3_04.png HTML5+CSS3_05.png HTML5+CSS3_06.png HTML5+CSS3_07.png HTML5+CSS3_08.png HTML5+CSS3_09.png HTML5+CSS3_10.png HTML5+CSS3_11.png

展开更多

课程大纲-2020录制HTML5CSS3视频教程前端开发教程flex布局项目实战

第1章HTML5+CSS3课程介绍(4分钟1节)
1-1
新一代HTML5+CSS3课程介绍及学后水平分析介绍课程目录大纲和项目实战效果
「仅限付费用户」点击下载“H5课程配套源码资料.zip”
[04:39]开始学习
第2章轻松玩转HTML5(1小时40分钟8节)
2-1
什么是HTML5？HTML4与HTML5有什么区别？介绍HTML5以及与HTML4的区别
「仅限付费用户」点击下载“H5课程资料.zip”
[10:50]开始学习
2-2
HTML5常用的语义化和结构元素讲解HTML5新增的语义化和结构元素，页面的大架构
「仅限付费用户」点击下载“H5课程资料.zip”
[16:12]开始学习
2-3
HTML5图形绘画标签canvas如何使用canvas标签进行图形绘画
「仅限付费用户」点击下载“H5课程资料.zip”
[17:55]开始学习
2-4
HTML5矢量图形SVG讲解SVG图形的好处及SVG元素使用
「仅限付费用户」点击下载“H5课程资料.zip”
[05:21]开始学习
2-5
HTML5媒体播放常用标签讲解视频播放和音频播放的元素
「仅限付费用户」点击下载“H5课程资料.zip”
[10:15]开始学习
2-6
HTML5新增input类型详细说明HTML5新增的input的type类型
「仅限付费用户」点击下载“H5课程资料.zip”
[11:01]开始学习
2-7
HTML5常用的表单属性讲解HTML5的新增表单属性，require属性等
「仅限付费用户」点击下载“H5课程资料.zip”
[10:24]开始学习
2-8
HTML5必备知识点Web本地储存讲解HTML5的web本地储存，cookie、localStorage和sessionStorage的区别
「仅限付费用户」点击下载“H5课程资料.zip”
[18:31]开始学习
第3章CSS3新特性及核心知识(2小时26分钟10节)
3-1
CSS3新增选择器（一）深度讲解CSS3新增选择器的用法
「仅限付费用户」点击下载“H5课程资料.zip”
[12:58]开始学习
3-2
CSS3新增选择器（二）深度讲解CSS3新增选择器的用法
「仅限付费用户」点击下载“H5课程资料.zip”
[13:36]开始学习
3-3
CSS3新增选择器（三）深度讲解CSS3新增选择器的用法
「仅限付费用户」点击下载“H5课程资料.zip”
[14:46]开始学习
3-4
CSS3新增的用户界面属性讲解盒子模型以及新增box-sizing属性的用法
「仅限付费用户」点击下载“H5课程资料.zip”
[11:47]开始学习
3-5
CSS3常用的样式属性边框与盒阴影讲解CSS3圆角属性和盒阴影
「仅限付费用户」点击下载“H5课程资料.zip”
[28:46]开始学习
3-6
CSS3背景新特性及精灵图片的使用讲解CSS3背景图片添加，背景图片大小设置以及精灵图片的使用
「仅限付费用户」点击下载“H5课程资料.zip”
[21:43]开始学习
3-7
详细讲解CSS3渐变背景讲解CSS3线性渐变和径向渐变
「仅限付费用户」点击下载“H5课程资料.zip”
[15:51]开始学习
3-8
CSS3文本效果及特殊字体引入讲解文本阴影，字体截取，省略号实现以及第三方字体的引入
「仅限付费用户」点击下载“H5课程资料.zip”
[15:41]开始学习
3-9
讲解CSS3的多列布局讲解CSS3的多列布局标签使用方法
「仅限付费用户」点击下载“H5课程资料.zip”
[06:55]开始学习
3-10
设备兼容必备知识多媒体查询介绍多媒体查询@media的使用方法
「仅限付费用户」点击下载“H5课程资料.zip”
[04:48]开始学习
第4章体验CSS3特效的乐趣(46分钟4节)
4-1
深度讲解2D转换动画效果详细讲解transform属性的平移、旋转、缩放和倾斜
「仅限付费用户」点击下载“H5课程资料.zip”
[10:06]开始学习