第四天

1-如何设置一个元素垂直居中？

　　把元素变成定位元素，设置元素的定位位置，距离上、左都为50%，设置元素的左外边距、上外边距为宽高的负1/2。

2-图片懒加载的实现？

　　1､设置图片src属性为同一张图片，同时自定义一个data-src属性来存储图片的真实地址

　　2､ 页面初始化显示的时候或者浏览器发生滚动的时候判断图片是否在视野中
　　3､ 当图片在视野中时，通过js自动改变该区域的图片的src属性为真实地址

3-简述媒体查询的作用

　　media媒体查询可使用在不同的设备及媒体上运行不同的css代码。

4-css3 新增了哪些特性

　　1、CSS3选择器

　　2、CSS3边框(Borders)

　　3、CSS3背景

　　4、CSS3渐变

　　5、CSS3文本效果

　　6、CSS3字体

　　7、CSS3转换和变形

　　　　1）2D转换方法

　　　　2）3D转换属性

　　8、CSS3过度

　　9、CSS3动画

　　10、CSS3多列

　　11、CSS3盒模型

　　12、CSS3伸缩布局盒模型(弹性盒子)

　　13、CSS3多媒体查询

5-display:none 和 visibility:hidden 的区别

　　display: none隐藏后的元素不占据任何空间，而visibility: hidden隐藏后的元素空间依旧保留 。

6-less 的作用？Scss（sass），stylus 的作用？

　　Sass是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。

　　Less也是一种动态样式语言. 受Sass影响较大,对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。