- 博客(7)
- 收藏
- 关注
RSS订阅原创 html5 06携程网案例、 全屏插件的使用
携程网案例 结构划分 头部 header a img 主体 main section div.left div.right a 最后一个section用类名单独区分 俩个a，包裹img 底部 footer nav 里面包裹三个a p 包裹三个a p 包裹文字 全屏插件的使用 引入jquery、引入jquery.fullPage.js 复制结构 ...
2019-05-27 10:46:38
495
原创 html5 css3 04 动画的添加、各种布局
动画的添加 如何创建动画？ @keyframes 动画的名字 { } 花括号内部利用百分比的形式设置动画的状态 动画的百分比是针对于动画的总耗时的 如何使用动画？ animation-name：值为动画的名字 animation-duration：设置动画的总耗时 animation-iteration-count：设置动画的播放次数，可以是一个具体数值，或者也可以设置infin...
2019-05-27 10:43:43
343
原创 移动web 01
二倍图的概念 二倍图就是设计人员在设计ui图的时候是参照手机的二倍来设计的 二倍图的作用：防止图片失真 ####移动端调试的两种方法 模拟调试：用电脑的浏览器模拟手机端 真机调试 手机和电脑必须在同一个网络下 将页面以live server的形式打开 打开运行cmd输入ipconfig查找到无线局域网的wlan ipv4地址将ip地址复制之后将浏览器中的127.0.0.1替换掉 将地址用二维...
2019-05-26 21:14:28
105
原创 html5 03 选择器、伪元素、盒模型、边框圆角、盒子阴影、安卓机器人案例
01-认识css3 什么是css3？ CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得 Web开发变得更为高效和便捷 css3现状 浏览器支持程度差，需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 如何对待css3兼容问题？ 渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进...
2019-05-26 21:14:17
181
原创 html5 02 网络接口 全屏接口 播放器案例
写代码： 第一步：我们要做什么事情 第二步：这件事情应该在什么时候去做 网络接口 online：网络连通时触发 offline：网络断开时触发 全屏接口 requestFullScreen： msRequestFullscreen(ie全屏) cancelFullScreen：取消全屏，这个方法属于 document fullscreenElement：判断当前状态，是否处于全屏，如果是全...
2019-05-26 21:14:08
225
原创 html5 01 语义化标签、input新属性、多媒体标签、dom获取元素
语义化标签： 很直观的清除这个标签的作用 header 页眉 头部 nav 导航 main 主题内容 article 文章 aside 侧边栏 footer 底部 input新type属性： email： 邮箱 提供了默认的电子邮箱的验证 ，要求必须包含@符号，同时必须包含服务器名称，如果不满足验证，则会阻止当前数据的提交； tel：电话 不会执行验证，本质目的是在移动...
2019-05-26 21:13:56
171
原创 html5 04 线性渐变、径向渐变、新背景样式、过渡、二维变换、任意元素居中
01-线性渐变 background:linear-gradient(to top left,red 0%,red 30%,blue 50%,blue 100%); linear-gradient参数 第一个参数：渐变的方向或者角度 第二个参数 第三个参数 第四个参数 … 渐变的颜色值和渐变的百分比 02-径向渐变 background: radial-gradient(shape size...
2019-05-26 21:13:38
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人