H5&C3基础测试题

1.display:none与visibility:hidden的区别是什么？

答：display：隐藏对应的元素但不挤占该元素原来的空间；

        vivibility：隐藏对应的元素并且挤占该元素原来的空间     

---

2.说明px、 em 、 rem三者关系

答：px：长度单位，表示一个像素点

        em：相对长度单位，表示当前元素上的字体大小

        rem：相对长度单位，表示根(html)元素上声明的字体大小

---

3.如何实现响应式布局

答：1、如果是通过css原生代码，可以通过@media来进行媒体查询，当网页显示在不同的网页中加载执行不同的css代码

        2、如果是通过框架，例如bs，可以使用bs提供的响应式框架完成页面布局。

---

4.简述浮动布局以及其工作方式

答：1、浮动布局用来解决块元素在x轴上排列的问题