前端
胡文亚
这个作者很懒,什么都没留下…
展开
-
html5 01 语义化标签、input新属性、多媒体标签、dom获取元素
语义化标签:很直观的清除这个标签的作用header 页眉 头部nav 导航main 主题内容article 文章aside 侧边栏footer 底部input新type属性:email: 邮箱 提供了默认的电子邮箱的验证 ,要求必须包含@符号,同时必须包含服务器名称,如果不满足验证,则会阻止当前数据的提交;tel:电话 不会执行验证,本质目的是在移动...原创 2019-05-26 21:13:56 · 182 阅读 · 0 评论 -
html5 02 网络接口 全屏接口 播放器案例
写代码:第一步:我们要做什么事情第二步:这件事情应该在什么时候去做网络接口online:网络连通时触发offline:网络断开时触发全屏接口requestFullScreen: msRequestFullscreen(ie全屏)cancelFullScreen:取消全屏,这个方法属于 documentfullscreenElement:判断当前状态,是否处于全屏,如果是全...原创 2019-05-26 21:14:08 · 262 阅读 · 0 评论 -
html5 03 选择器、伪元素、盒模型、边框圆角、盒子阴影、安卓机器人案例
01-认识css3什么是css3?CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得 Web开发变得更为高效和便捷css3现状浏览器支持程度差,需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待css3兼容问题?渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进...原创 2019-05-26 21:14:17 · 220 阅读 · 0 评论 -
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 · 544 阅读 · 0 评论 -
html5 css3 04 动画的添加、各种布局
动画的添加如何创建动画?@keyframes 动画的名字 { }花括号内部利用百分比的形式设置动画的状态动画的百分比是针对于动画的总耗时的如何使用动画?animation-name:值为动画的名字animation-duration:设置动画的总耗时animation-iteration-count:设置动画的播放次数,可以是一个具体数值,或者也可以设置infin...原创 2019-05-27 10:43:43 · 373 阅读 · 0 评论 -
html5 06携程网案例、 全屏插件的使用
携程网案例结构划分头部 headeraimg主体 mainsectiondiv.leftdiv.righta最后一个section用类名单独区分俩个a,包裹img底部 footernav 里面包裹三个ap 包裹三个ap 包裹文字全屏插件的使用引入jquery、引入jquery.fullPage.js复制结构...原创 2019-05-27 10:46:38 · 509 阅读 · 0 评论