摘要：
摘自：https://www.jianshu.com/p/1ab09a69b6d0 CyberPlayer 简介 CyberPlayer 是百度官方推出的用于开发网页播放器的软件开发工具包,其主要特点如下： 支持Flash与HTML5两种模式 支持广泛的流式视频格式，支持FLV/MP4等格式的渐进式 阅读全文
posted @ 2020-02-23 20:31
LiuYanYGZ
阅读(5416)
评论(1)
推荐(0)
摘要：
html5增加了audio和video标签，提供了在页面上插入音频和视频的标准方法。 audio标签支持格式：ogg、wav、mp3 对应属性：1、autoplay 自动播放2、controls 显示播放器3、loop 循环播放4、preload 预加载5、muted 静音 举例： <audio s 阅读全文
posted @ 2020-02-23 20:07
LiuYanYGZ
阅读(218)
评论(0)
推荐(0)
摘要：
HTML5 新增表单控件新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索这些控件基本不使用：因为在不同的浏览器中效果不一样。产品设计中不允许多个浏览器效果不同，必须统一。 <label>网址:</label><input type="url" name="" required>< 阅读全文
posted @ 2020-02-23 18:28
LiuYanYGZ
阅读(231)
评论(0)
推荐(0)
摘要：
在之前的HTML页面中，大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测 你的某个Div内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰，HTML5中为了解 决这个问题，专门添加了：页眉、页脚、导航 阅读全文
posted @ 2020-02-23 17:43
LiuYanYGZ
阅读(212)
评论(0)
推荐(0)
摘要：
h5新增的主要语义化标签如下： 1、header 页面头部、页眉2、nav 页面导航3、article 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚 页面使用标签布局示意图： PC端兼容h5的新标签的方法，在页面中引入以下js文件: <script 阅读全文
posted @ 2020-02-23 17:34
LiuYanYGZ
阅读(120)
评论(0)
推荐(0)
摘要：
浏览器样式前缀 为了让CSS3样式兼容，需要将某些样式加上浏览器前缀： -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容chrome 和 safari 比如： div { -ms-transform: rotate(30deg); -webkit-t 阅读全文
posted @ 2020-02-23 17:17
LiuYanYGZ
阅读(204)
评论(0)
推荐(0)
摘要：
1、@keyframes 定义关键帧动画2、animation-name 动画名称3、animation-duration 动画时间4、animation-timing-function 动画曲线 linear 匀速 ease 开始和结束慢速 ease-in 开始是慢速 ease-out 结束时慢速 阅读全文
posted @ 2020-02-23 17:15
LiuYanYGZ
阅读(181)
评论(0)
推荐(0)
摘要：
CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla 阅读全文
posted @ 2020-02-23 17:13
LiuYanYGZ
阅读(227)
评论(0)
推荐(0)
摘要：
1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式 linear 匀 阅读全文
posted @ 2020-02-23 17:11
LiuYanYGZ
阅读(165)
评论(0)
推荐(0)
摘要：
CSS3圆角 设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px; 同时分别设置四个角： border-radius:30px 60px 120px 150px; 设置四个圆角相同：border-radius:50%; CSS3阴影 box-s 阅读全文
posted @ 2020-02-23 16:59
LiuYanYGZ
阅读(212)
评论(0)
推荐(0)
浙公网安备 33010602011771号