css面试题

1.visibility: hidden和display: none 有什么不同？

• 定义不同
• visibility 属性指定一个元素是否可见
• display 用于定义建立布局时元素生成的显示框类型
• 作用不同
• visibility:hidden--将元素隐藏，但元素的在网页中该占的位置还是存在。
• display：none 元素没有被渲染，不占用任何位置
• 使用后HTML元素的不同
• visibility:hidden 使用该属性后,html元素只是在隐形了，但是占用的空间还看得到。
• displya:none 元素就会直+

2.font-size =0 的作用

• 当display为 inline-block或者是 inline时，代码自动格式化的所产生的缩进或者换行。都会被转成空格。会导致前端页面展示变形
• 解决方法就是给父级元素设置 font-size=0 清除空格。