css-面试题

1- css中隐藏元素的方法有哪些?

• display:none; 不显示对应的元素,文档布局中不占控件
• visibility:hidden; 隐藏元素,但仍占空间

2- display的值有哪些?分别是什么作用?

• inline 默认,将元素设为行内元素
• block 将元素设为块元素
• inline-block 将元素设为行内块元素
• none 隐藏元素
• flow-root 新增的css属性,用来开启BFC,没有副作用,但是兼容性差
• table 将元素作为块级表格显示.表格前后带有换行符

3- css中link和@import的区别?

• link是HTML提供的标签,不存在兼容性问题
  @import是css提供的,只在IE5以上才支持,才能被识别
• 加载页面时link标签引入的内容同时被加载.
  而@import引入的内容会等html页面加载完成之后再被加载
• link引入的样式权重高于 @import导入的样式的权重

4- 介绍一下盒子模型?

• 标准盒子模型: box-sizing:content-box,盒子内容区只是content,
• IE盒子模型:box-sizing:border-box,盒子内容区包括了content,padding,border
• 注意: 不设置box-sizing属性,默认就是标准盒模型content-box