H5C3,js,ES6面试高频考点

H5C3

1. H5C3和Html，css相比有什么变化

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section

新的表单控件，比如 calendar、date、time、email、url、search

基本选择器

属性选择器

伪类选择器

CSS3边框与圆角

CSS3圆角border-radius

盒阴影box-shadow

CSS3背景background-image

CSS3渐变 定义：可以在两个或者多个指定颜色之间显示平移的过渡

CSS3过渡 定义：允许css的属性值在一定时间区间内平滑的过渡，在鼠标点击，鼠标滑过或对元素任何改变中触发，并圆滑地以动画形式改变css的属性值。

CSS3变换 定义：让一个元素在一个坐标系统中变形，这个属性包含一系列的变形函数，可以移动，旋转，缩放元素。

CSS3动画 定义：使元素从一种样式逐渐变化到另外一种样式的效果。

1. 标签元素分类，和特点

一.块级元素 block

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

二.内联元素 inline

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

三.内联块状元素 inline-block

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点.

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。

1. 圣杯布局（双飞翼布局）有哪几种实现方式

1. 使用定位的方式

让左右两边的盒子绝对定位，左边盒子left:0,右边盒子：right:0,绝对定位盒子不占位置，中间的盒子padding左右宽度为左右两边盒子的宽度保留左右盒子的位置

1. 使用浮动加calc计算属性

让所有盒子左浮动，左右两边的盒子宽度固定，中间盒子的宽度通过calc计算属性动态计算得出即中间盒子的宽度为100%减去左右两边的盒子总宽度

1. 使用flex布局