html5 css3有什么特性

前端的入门现在基本是由html和css组合写静态页面开始,下面为各位总结了HTML5和css3的新特性。

一、HTML5

1. 添加视频Video和音频Audio标签

2. 添加canvas画布和svg渲染矢量图片

3. 添加input表单控件(datetime、datetime-local、week、date、month、time)、color、email、number、range、search、tel、url。

4. 添加web存储功能, localStorage本地离线可长期存储数据,浏览器关闭后数据不丢失,sessionStorage数据在浏览器关闭后自动删除。

5. 添加地理位置定位功能Geolocation

6. 添加语义化更好的内容标签hrader、footer、nav、section、article、aside、detailes、summary、dialog。

7. 添加拖拽释放Drag and drop

8. 添加web worker是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。

9. 添加WebSocket

(推荐学习:HTML视频教程

二、css3

1. 添加边框属性:border-radius圆角、border-image圆角图片

2. 添加阴影属性:box-shadow框阴影、text-shadow文本阴影

3. 添加字体属性:@font-face字体、text-wrap自动换行、text-overflow检索当当前行超过指定容器的边界

4. 添加选择器:E:last-child 匹配父元素的最后一个子元素、E:nth-child(n)匹配父元素的第n个子元素、E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。(推荐学习:CSS视频教程

5. 添加背景属性:background-size图片设置大小、background-origin设置定位区域、background-clip背景颜色的绘制区域、background-break控制背景怎样在这些不同的盒子中显示。

6. 添加转换属性(translate、rotate、scale、skew、matrix、transform)、3D转换(rotateX、rotateY)

7. 添加动画属性:Transition、Transform、Animation

8. 添加媒体查询:@media

9. 添加多列布局

更多前端开发知识,请查阅 HTML中文网

以上就是html5 css3有什么特性的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读