##第一个阶段复习:H5C3+移动web
###1. H5是什么？
H5是html5，HTML5包含了HTML5，CSS3，JS等技术，可以说是一种技术的集大成者。新增了语义化标签，如
#####H5新增了以下的几大类元素:
- 内容元素: header , nav , footer , section
- 表单控件: calender , date , time , email , url , search
- 本地存储: localStorage 长期存储数据,浏览器关闭后数据不会丢失, SessionStorage 数据在浏览器关闭之后自动删除
- 媒介播放: video , audio
- 绘画使用: canvas
###2. C3是什么？
C3新特性有哪些?
- 动画: animation
- 2D,3D转换: transform
- 过度: transition
- 边框圆角:border-radius, 阴影:box-shadow
- 盒子模型: box-sizing
- 文字阴影: text-shadow
- 背景: background-size, background-origin背景图片原点
- 渐变: linear-gradient
- 伸缩布局: flex
- 颜色: rgba()
###3. h5新增的标签有哪些，是什么意思?（举例5种）
内容元素: 头部标签header , 导航标签nav ,底部标签 footer , 内容标签section，侧边栏标签aside
###4. h5新增常用的表单属性有哪些?（举例3种）
表单控件: 日历calender , 日期date , 时间time , 邮件email , 地址url , 搜索search
###5. C3里面你常用的选择器？举例一种
属性选择器 [attr]
伪类选择器
：link 未访问的
：visited 访问过的
：hover 鼠标悬停
：active 激活状态
：focus 获取焦点
###6. c3里面伪元素的写法？
::before 在…之前插入 与content一起使用 ::before｛content：‘ ’｝
::after 在…之后插入 与content一起使用 ::after { content：‘ ’ }
###7. C3里面2d 转换的用法？
7.1 旋转 transform:rotate(45deg);
7.2 移动 transform:translate(45px,45px);(水平，垂直)
7.3 缩放 transform:scale(2,2);(水平，垂直)
7.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转)
将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。
###8. C3里面动画的写法？
animation是一个复合属性，一共有8个参数;
一般是由@keyframes先定义动画，然后animation使用动画。
8.1声明动画
创建一个动画，并且指定名称，通过@keyframes关键词声明动画的关键帧
8.2调用动画 animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
background-color: #000;
}
div {
width: 200px;
height: 200px;
margin: 100px auto;
background-color: red;
box-shadow: 0px 0px 4px 4px #fff;
/* 使用动画 */
/* animation:
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
