- 博客(7)
- 收藏
- 关注
原创 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 496
原创 html5 css3 04 动画的添加、各种布局
动画的添加 如何创建动画? @keyframes 动画的名字 { } 花括号内部利用百分比的形式设置动画的状态 动画的百分比是针对于动画的总耗时的 如何使用动画? animation-name:值为动画的名字 animation-duration:设置动画的总耗时 animation-iteration-count:设置动画的播放次数,可以是一个具体数值,或者也可以设置infin...
2019-05-27 10:43:43 344
原创 移动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 173
原创 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关注的人