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,面试题,元素,content,link,import,css From: https://www.cnblogs.com/unity-yancy/p/17705047.html
- 标准盒子模型: box-sizing:content-box,盒子内容区只是content,
- IE盒子模型:box-sizing:border-box,盒子内容区包括了content,padding,border
- 注意: 不设置box-sizing属性,默认就是标准盒模型content-box