沈阳大东区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编辑器基本使用。
HTML + CSS 部分
CSS盒模型
可能会要求手写一个布局,这个布局基本上用到的css是margin的负值,boxing-sizing:border-box,布局尽量往这方面想。浏览器布局的基本元素是盒,在w3c的标准模式下,width=width,但是在怪异模式下,width=border*2+padding*2+width;其中后代元素的width:顺利;参照的是右边的那个width,
HTML5的新特性1、标签语义化,比如header,footer,nav,aside,article,section等,新增了很多表单元素,入email,url等,除去了center等样式标签,还有除去了有性能问题的frame,frameset等标签
2、音视频元素,video,audio的增加使得我们不需要在依赖外部的插件就可以往网页中加入音视频元素。
3、新增很多api,比如获取用户地理位置的window.navigator.geoloaction,
4、websocket
websocket是一种协议,可以让我们建立客户端到服务器端的全双工通信,这就意味着服务器端可以主动推送数据到客户端,
5、webstorage,webstorage是本地存储,存储在客户端,包括localeStorage和sessionStorage,localeStorage是持久化存储在客户端,只要用户不主动删除,就不会消失,sessionStorage也是存储在客户端,但是他的存在时间是一个回话,一旦浏览器的关于该回话的页面关闭了,sessionStorage就消失了,
6、缓存
html5允许我们自己控制哪些文件需要缓存,哪些不需要,具体的做法如下:
7、首先给html添加manifest属性,并赋值为cache.manifest2、cache.manifest的内容为: CACHE MANIFEST #v1.2 CACHE : //表示需要缓存的文件 a.js b.js NETWORK: //表示只在用户在线的时候才需要的文件,不会缓存 c.js FALLBACK / /index.html //表示如果找不到一个资源就用第二个资源代替
8、web worker,web worker是运行在浏览器后台的js程序,他不影响主程序的运行,是另开的一个js线程,可以用这个线程执行复杂的数据操作,然后把操作结果通过postMessage传递给主线程,这样在进行复杂且耗时的操作时就不会阻塞主线程了。
对HTML5的语义化的理解html5的语义化指的是用正确的标签包含正确的内容,比如nav标签,里面就应该包含导航条的内容,而不是用做其他的用途,标签语义化的好处就是结构良好,便于阅读,方便威化,也有利于爬虫的查找,提高搜索率。
cookie,sessionstorage,localestorage的区别cookie是存储在浏览器端,并且随浏览器的请求一起发送到服务器端的,它有一定的过期时间,到了过期时间自动会消失。sessionStorage和localeStorage也是存储在客户端的,同属于web Storage,比cookie的存储大小要大有8m,cookie只有4kb,localeStorage是持久化的存储在客户端,如果用户不手动清除的话,不会自动消失,会一直存在,sessionStorage也是存储在客户端,但是它的存活时间是在一个回话期间,只要浏览器的回话关闭了就会自动消失。
多个页面之间如何进行通信使用cookie,使用web worker,使用localeStorage和sessionStorage
浏览器的渲染过程1、首先获取html,然后构建dom树
2、其次根据css构建render树,render树中不包含定位和几何信息
3、后构建布局数,布局是含有元素的定位和几何信息
重构,回流浏览器的重构指的是改变每个元素外观时所触发的浏览器行为,比如颜色,背景等样式发生了改变而进行的重新构造新外观的过程。重构不会引发页面的重新布局,不一定伴随着回流,
回流指的是浏览器为了重新渲染页面的需要而进行的重新计算元素的几何大小和位置的,他的开销是非常大的,回流可以理解为渲染树需要重新进行计算,一般好触发元素的重构,避免元素的回流;比如通过通过添加类来添加css样式,而不是直接在DOM上设置,当需要操作某一块元素时候,好使其脱离文档流,这样就不会引起回流了,比如设置position:absolute或者fixed,或者display:none,等操作结束后在显示。
更多培训课程,学习资讯,课程优惠等学校信息,请进入 沈阳和平区Web培训沈阳沈河区Python培训沈阳大东区Linux云计算培训 网站详细了解,免费咨询电话:400-998-6158