HTML5和CSS3部分新特性

2021/9/9 23:05:39

编程Tag： css3 html HTML5 transition 特性全双工

本文主要是介绍HTML5和CSS3部分新特性，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

HTML5新特性

HTML5 是最新的 HTML 标准。
使用HTML5只需要用<!DOCTYPE html>，DOCTYPE告诉浏览器使用哪个版本的HTML规范来渲染文档。

1 新增语义化标签：<article> <aside> <nav> <header> <footer>

2 input新增的type属性 button checkbox radio reset submit text

3 WebSocket 一种全双工通信协议，相对http协议来说是一个持久化的协议。它在浏览器和服务器之间建立一条长连接直接交换数据。
（全双工通信：双向同时通信，即通信的双方可以同时发送和接收信息）

4 canvas标签 用于绘制图像（通过脚本，通常是 JavaScript）

5 sessionStorage 和 localStorage

CSS3 是最新的 CSS 标准。

1 选择器 nth-child(n)，frist-child 等

2 box-shadow 阴影

3 border-raduis 边框的圆角

4 transform 变形 （包括移动translate、缩放scale 和旋转rotate 等）

5 transition 过渡

6 rem单位，vw、vh单位

7 animation 动画

Transition 和Animation区别
transition 强调过渡，需要触发一个事件，比如鼠标触碰、点击。
animation不需要触发任何事件也可随时间变化达到一种动画效果；而且可以通过 @keyframe 控制当前帧属性，更灵活。

这篇关于HTML5和CSS3部分新特性的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！