考试--------------他发现，他没有任何发现

1.什么是过渡（transition），什么是动画：（animation）

　　CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 某元素的css属性值在一段时间内，平滑过渡
　　到另外一个值。

　　动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。

　　css过渡与动画主要区别在于：　　

　　　　1、transition需要触发一个事件才会随着时间改变其CSS属性；

　　　　2、animation在不需要触发任何事件的情况下 ，也可以显式的随时间变化来改变元素CSS属性，达到一种动画的效果。

　　css过渡与动画区别总结：

　　　　1、动画不需要事件触发，过渡需要。

　　　　2、过渡只有一组（两个：开始-结束） 关键帧，动画可以设置多个。

 

2.怪异盒模型与标准盒模型

　   标准盒模型，一个块的总宽度 = width（content的宽度） + margin（左右）+ padding（左右）+ border（左右）

 

　　怪异盒模型，一个块的总宽度 = width（content + border + padding）+ margin(左右)

　　怪异盒模型宽高设置后添加的边框，边距都不会增加其宽高

 

3.段落后面的省略号显示条件

　　1.width:;

　　 2.overflow:hidden;

　　 3.text-overflow:ellipsis;

　　 4.white-space：nowrap;（单行文本）

 

4.高度塌陷的原因及三种解决方法

　　原因:当父元素高度自适应时，子元素高度自适应时

 

　　 1.给父元素添加overflow-hidden;

　　 2.在浮动元素下方添加一个div，属性设置为clear:both;

　　 3.:after{contend:".";clear:both;}

 

4.新增语义化标签　

1. header：头标签  定义一个页面或一个区域的头部

2. footer:页脚 定义一个页面或一个区域的底部

3. nav：导航标签

4. menu 菜单

5. main主体

6. section：独立的内容区块 定义一个区域   

7. aside:侧边栏 标记定义页面内容部分的侧边栏

8. article:文章标签 定义一篇文章

9. hgroup    标记定义文件中标题的相关信息

10. address:地址标签

11. mark:标记，内容显示背景颜色，可以修改

12. time 表示日期或时间，也可以同时表示两者，相当于span

13. canvas标记定义画布

14. figure+figcaption定义一组媒体内容以及它们的标题    

     表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。

     figcaption 表示 figure 的标题。从属于 figure ,并且,figure 中只能放置一个figcaption

5.新增表单类型

 required:表示该项是必填项，如果表单未填写，会弹出相应的提示信息‘’；

  placeholder:占位符，当获取焦点或者输入框中的值输入为空时显示，否则显示自己填写的内容

  autofocus：进入该页面自动获取焦点，原则上只允许设置一个，如果设置多个，则只有第一个有效果

  autocomplete：是否在双击输入框的时候自动补全，默认值为on，另一个值为off

  multiple:支持用户输入多个此类型的文本，以逗号隔开，每个文本均会进行验证,适用于类型type为email属性值和file属性值

  pattern：正则表达式,一般和title属性配合说明该项填写的内容

  min:最小值，适用于属性type为number和range

  max:最大值，适用于属性type为number和range

  step:间隔

  list属性：结合datalist元素使用

  取消验证：可以对form表单添加novalidate属性，即使form表单中的input添加了required，也将不进行验证