码上登堂的博客

携程网案例 结构划分 头部 header a img 主体 main section div.left div.right a 最后一个section用类名单独区分 俩个a，包裹img 底部 footer nav 里面包裹三个a p 包裹三个a p 包裹文字 全屏插件的使用 引入jquery、引入jquery.fullPage.js 复制结构 ...

动画的添加 如何创建动画？ @keyframes 动画的名字 { } 花括号内部利用百分比的形式设置动画的状态 动画的百分比是针对于动画的总耗时的 如何使用动画？ animation-name：值为动画的名字 animation-duration：设置动画的总耗时 animation-iteration-count：设置动画的播放次数，可以是一个具体数值，或者也可以设置infin...

01-线性渐变 background:linear-gradient(to top left,red 0%,red 30%,blue 50%,blue 100%); linear-gradient参数 第一个参数：渐变的方向或者角度 第二个参数 第三个参数 第四个参数 … 渐变的颜色值和渐变的百分比 02-径向渐变 background: radial-gradient(shape size...

01-认识css3 什么是css3？ CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得 Web开发变得更为高效和便捷 css3现状 浏览器支持程度差，需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 如何对待css3兼容问题？ 渐进增强（Progressive Enhancement）：一开始就针对低版本...

写代码： 第一步：我们要做什么事情 第二步：这件事情应该在什么时候去做 网络接口 online：网络连通时触发 offline：网络断开时触发 全屏接口 requestFullScreen： msRequestFullscreen(ie全屏) cancelFullScreen：取消全屏，这个方法属于 document fullscreenElement：判断当前状态，是否处于全屏，如果是全...

####什么是html5 1.H5并不是新的语言，而是html语言的第五次重大修改–版本 2.支持：所有的主流浏览器都支持h5.（chrome,firefox,safari。。。）。IE9及以上支持h5(有选择的支持，并不会全部支持),但是ie8及以下不支持h5. 3.改变了用户与文档的交互方式：多媒体：video audio canvas 4.增加了其它的新特性：语义特性，本地存储特性，网页多...