css-面试题

发布时间 2023-09-15 15:14:56作者: Yancy00
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导入的样式的权重