day04

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

margin: auto;

2-图片懒加载的实现？

一、定义

当打开一个有很多图片的页面时，先只加载页面上看到的图片，等滚动到页面下面时，再加载所需的图片。这就是图片懒加载。

二、作用

减少或延迟请求数，缓解浏览器的压力，增强用户体验。

三、实现方式

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

2､ 页面初始化显示的时候或者浏览器发生滚动的时候判断图片是否在视野中

3､ 当图片在视野中时，通过js自动改变该区域的图片的src属性为真实地址

3-简述媒体查询的作用

针对不同屏幕尺寸设置不同的样式

4-css3 新增了哪些特性

border-radius：为元素添加圆角边框。

background-size：背景图片的尺寸。

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

display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢， 就当他从来不存在。
visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。

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

less:Less 也是一门 CSS 预处理语言，它扩充了 CSS 语言。

stylus:它的语法和 Sass 有一点点类似，但是最大的特点便是没有分号，没有冒号，没有大括号，通过缩进和换行。一切的定义方式都是按照编程的风格定义的，像编程一样的函数调用，像编程一样的变量定义，像编程一样的书写方式