南京栖霞区HTML+CSS培训费用多少
HTML5+CSS3课程内容
一、vscode编辑器基本使用
vscode 基本使用
vscode插件安装
二、 HTML5新增标签
什么是HTML5
HTML5新增标签
多媒体音频标签
多媒体视频标签
HTML5新增input标签
HTML5新增表单属性
三、CSS3新增选择器及案例
CSS3属性选择器(上)
CSS3结构伪类选择器(上)
nth-child(n)
nth-child和nth-of-type的区别
CSS3伪元素选择器
伪元素选择器案例
四、2D转换及相关案例实现
2D转换之translate
让一个盒子水平垂直居中
2D转换之rotate
CSS3 三角
设置转换中心点
旋转中心点案例
2D转换之scale
图片放大案例
分页按钮案例
2D转换综合写法以及顺序问题
CSS3动画基本使用
动画序列
CSS3动画常见属性
CSS3动画简写
大数据热点图案例
速度曲线之steps步长
16-奔跑的熊大案例
五、3D转换和旋转木马案例
认识3D转换
3D转换translate3d
透视perspective
translateZ
3D旋转rotateX
3D旋转rotateY
3D旋转rotateZ
3D呈现transform-style
两面翻转盒子案例
3D导航栏
综合案例-旋转木马案例
浏览器私有前缀以及总结
精通HTML5+CSS3需要掌握HTML5+CSS3新特性,例如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及**特性、性能和继承特性、CSS3特性,可以使用HTML5+CSS3实现炫酷动画效果,熟悉VSCode编辑器基本使用。
web前端开发环境的搭配:
A、Sublime3安装配置:
Sublime跨平台的前端开发神器,是一个共享软件,免费使用;下载新Sublime3安装包;
-安装包管理器
打开Sublime3控制台,ctrl+~
输入安装包管理器命令代码,注意需要联网才能安装,因为是在线下载包
-安装第三方插件(包)
打开命令面板:ctrl+shift+p;
输入install,然后回车,然后可以搜索想要的插件,回车安装;Atom工具使用
B、Atom工具使用:
由github发布的前端开发工具,集成了chrome的调试工具,是一款非常强大和开发的开发工具平台。在file里面的setting里面进行设置,包括字体的大小,快捷键,背景颜色主题等;
C、WebStorm10的安装与使用:
WebStrom是专业的前端IDE开发工具,是一个非常重量级的开发工具,是专业为我们前端设计的IDE,用他来开发是效率非常高;
D、总结三款开发工具的优劣:
Sublime3:需要安装第三方的包,一般。Atom:集成度非常好,也很轻,需要自己安装第三方的包。Webstrom:大项目,建议使用webstrom,非常强大,但是也很重。
更多培训课程,学习资讯,课程优惠等学校信息,请进入 南京鼓楼区Web培训南京浦口区Python培训南京栖霞区Linux云计算培训 网站详细了解,免费咨询电话:400-998-6158