H5 和 C3 的新特性

H5 新增新特性

1、拖拽释放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置，在 HTML5 种，拖放是标准的一部分，任何元素都能够拖放

2、自定义属性

如：data-id

3、语义化标签

如：header、nav、footer、aside、article、section等

4、音频（audio）、视频（video）

如果浏览器不支持自动播放怎么办？在属性中添加 autoplay

5、画布（Canvas）

getContext() 方法返回一个用于画布上的绘图的环境
Canvas.getContext( contextID ) 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 ”2d“，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图API。
cxt.stroke() 如果没有这一步线条是不会显示在画布上的
canvas 和 image 在处理图片的时候有什么区别？
image 是通过对象的形式描述图片的，cnavas 通过专门的 API 将图片绘制在画布上

6、地理（Genlocation）

7、本地存储（localStorage）

长期存储数据，浏览器关闭后数据不丢失

8、会话存储（sessionStorage）

数据只在当前浏览器页面删除，浏览器关闭后删除

9、表单属性

如：calendar、date、time、email、url 等

10、新技术

如：webworker、webSocket、Geoloation

C3新特性

1、颜色

新增 RGBA、HSLA模式

2、文字阴影（text-shadow）

3、边框

圆角：border-radius
边框阴影：box-shadow

4、盒子模型（box-sizing）

5、背景

背景图片大小：background-size
指定绘图区的背景：background-clip
内容框相对定位的背景图片：background-origin

6、渐变

用于创建一个表示两种或多种颜色线性渐变的图片：linear-grdient
用径向渐变创建 "图像"：radial-gradient

7、自定义动画 animate @keyfrom

8、过渡

transition 可实现动画

9、媒体查询多栏布局

@media screen and ( width:800px ) { ... }

10、边框图片( border - image )

11、2D转换

transform、translate（x，y）、rotate（x，y）、scale（x，y）

12、3D转换

13、字体图标（font - face）

14、弹性布局（flex）

H5 和 C3 的新特性相关推荐

H5、C3的新特性有哪些？
H5.C3的新特性有哪些? HTML5的新增元素: 1.canvas 画布 2.用于媒介回放的video和audio元素 3.本地离线存储.localStorage长期存储数据,浏览器关闭后数据不丢失 ...
H5新增了哪些新特性
目录前言 1.语义化标签 2.form表单增强 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理位置定位(Geolocation API ) 7.拖放API 8.Web Worker ...
h5是什么 www.php.cn,20分钟看懂html5 看看H5都有啥新特性
什么是HTML? HTML(Hyper Text Mark-up Language).超文本标记语言.HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字.图形.动画.声音.表格.链 ...
C3的新特性.你都知道了吗？？？
1.新增颜色RGBA,HSLA模式 2.文字阴影 text-shoadow 3.圆角边框 border-radius 边框阴影 border-shadow 4.盒子模型box-sizing 5.背景 ...
前端面试题二：ES6/7/8新特性、性能优化、数据交互、H5新特性
目录一.ES6/7/8新特性二.性能优化三.数据交互四.H5新特性一.ES6/7/8新特性 1.ES6中新增了哪些数据类型? Symbol类型(基本) Set类型(复杂) Map类型(复杂) ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
H5和C3新特性(完整版)
css3新特性选择器背景和边框文本效果 2D/3D 转换 - 变形(transform).过渡(transtion).动画(animation) 1.选择器 :last-child /* 选择元 ...
H5学习从0到1-H5的新特性（1）
随着H5的发展,网页开发呈现了跨平台的特性,目前H5是兼容各大平台的,这也为一些其他的技术的跨平台开发提供了基础,所以我预测后H5会成为很重要的开发语言新特性介绍 1.用于回话的canvas标签 2 ...
H5新特性有哪些？怎么理解语义化
H5新增了很多新的特性,这也成了我们面试的时候面试官喜欢问的一个问题,那我们可能在开发的过程中如果没有去关注过那也不是很清楚用到的是不是H5的新特性,下面我们就来讲一下 H5十大新特性 1.语义化标签 ...

H5 和 C3 的新特性

H5 新增新特性

1、拖拽释放

2、自定义属性

3、语义化标签

4、音频（audio）、视频（video）

5、画布（Canvas）

6、地理（Genlocation）

7、本地存储（localStorage）

8、会话存储（sessionStorage）

9、表单属性

10、新技术

C3新特性

1、颜色

2、文字阴影（text-shadow）

3、边框

4、盒子模型（box-sizing）

5、背景

6、渐变

7、自定义动画 animate @keyfrom

8、过渡

9、媒体查询多栏布局

10、边框图片( border - image )

11、2D转换

12、3D转换

13、字体图标（font - face）

14、弹性布局（flex）

H5 和 C3 的新特性相关推荐

最新文章

热门文章

H5 和 C3 的新特性

H5 新增新特性

1、拖拽释放

2、自定义属性

3、语义化标签

4、音频（audio）、视频（video）

5、画布（Canvas）

6、地理（Genlocation）

7、本地存储（localStorage）

8、会话存储（sessionStorage）

9、表单属性

10、新技术

C3新特性

1、颜色

2、文字阴影（text-shadow）

3、边框

4、盒子模型（box-sizing）

5、背景

6、渐变

7、自定义动画 animate @keyfrom

8、过渡

9、媒体查询多栏布局

10、边框图片( border - image )

11、2D转换

12、3D转换

13、字体图标（font - face）

14、弹性布局 （flex）

H5 和 C3 的新特性相关推荐

最新文章

热门文章

14、弹性布局（flex）