浏览器内核

浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。JS 引擎则是解析 Javascript 语言，执行 javascript 语言来实现网页的动态效果。

CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation。

transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transition是令一个或多个可以用数值表示的css属性值发生变化时产生过渡效果。

Animation字面上的意思，就是“动画”的意思.

通过以下的5个过程，实现轮播图的轮播效果

1.动态生成结构

创建元素和插入元素的方法分别是什么？
创建元素：document.creatElement( tagName ) var li = document.creatElement(“li”)；
插入元素：appendChild( element ) ol.appendChild(“li”);
通过什么方法复制第一张图片元素？
通过cloneNode()方法来复制元素：eg . var firstImg = ulLis[0].cloneNode(true)； 其中cloneNode方法中，如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点

为什么hover在手机上没效果？

让我们再回顾一下hover的定义…

:hover用于选择鼠标指针浮动在上面的元素。

再想一想…

手机上哪来的鼠标啊伙计？！

SO,手机端没有hover特效，当你点击的时候就直接触发click。

解决方案

首先，经试验发现，设置的：hover在Android系统上点击会出现， 但是需要再次点击才会消失；

z-index是什么？

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

z-index和叠加上下文是如何形成的

一言难尽，献上传送门。

rgba和opacity的透明效果有什么不同

opacity后代元素会随着一起具有透明性，Opacity中的字随着透明值下降越来越看不清楚，而RGBA不具有这样的问题。

display和visiblity有什么区别

display：通常可以设置为none、inline、block
visblity：通常可以设置为hidden、visible

浮动

在了解什么是浮动之前我们先了解一下html元素在普通流排列方式。在普通流中，元素是按照它在 HTML 中的出现的先后顺序自上而下依次排列布局的，在排列过程中所有的行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为一整行。如果没有特殊样式指定，所有元素默认都是按照普通流方式排列布局，即普通流中元素的位置由该元素在 HTML 文档中的位置决定的。

简介

ss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过CSS background背景定位技术技巧布局网页背景。

为什么要使用CSS sprites

这样做的好处也是显而易见的，因为图片多的话，会增加http的请求，无疑促使了网站性能的减低，特别是图片特别多的网站，如果能用css sprites降低图片数量，带来的将是速度的提升。

简介

ul，ol，dl标签是CSS网页布局中常用的列表元素。 列表将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来。

具体介绍

1.ul标签：无序列表始于 u l 标签。每个列表项始于l i标签，此列项目默认使用粗体圆点（典型的小黑圆圈）进行标记。

2.ol标签：有序列表始于ol标签，每个列表项始于li标签，列表项目使用数字进行标记。

什么是IconFont?

IconFont是阿里巴巴旗下的矢量图标库网站，通过搜索关键字可以获取前端开发所需的各类图标。

如何使用IconFont？

step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;

step 2:找到图标管理->我的项目->然后新建项目: