本文主要是介绍H5C3新特性,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
css3新特性
1.颜色:新增RGBA,HSLA模式
2. 文字阴影(text-shadow)
3. 边框: 圆角(border-radius)边框阴影: box-shadow
4. 盒子模型:box-sizing
5. 背景:background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局
6. 渐变:linear-gradient、radial-gradient ,
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
7. 过渡:transition,可实现动画
8. 自定义动画 animation
9. 在CSS3中唯一引入的伪元素 :selection.
10. 媒体查询,多栏布局
11. border-image
12. 2D转换:transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
13. 3D转换
14.新增选择器:属性选择器、伪类选择器、伪元素选择器。
H5新特性
1. 拖拽释放(Drag and drop) API
2. 语义化更好的内容标签(header,nav,footer,aside,article,section)
3. 音频、视频API(audio,video)
4. 画布(Canvas) API
5. 地理(Geolocation) API
6. 数据存储 localStorage、sessionStorage
7. 表单控件,calendar、date、time、email、url、search
这篇关于H5C3新特性的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!