前端—每天5道面试题（1）

努力吧！小伙子

1、说一下CSS模型

　　标准模型

　　　　宽度指内容区域

　　IE盒模型

　　　　宽度指padding+border+width

 

2、说一下Link标签和Import标签的区别

　　link标签是html提供的，Import是css提供的

　　页面加载是link会同时被加载，import 等到页面加载完毕之后在加载

　　link是html标签，没有兼容性，import只有IE5以上才会被识别

　　link的权重高于import

 

3、transition和anmiation 的区别

　　他们的属性大部分是相同的，transition需要触发事件才能改变属性，anmiation则可以随时间自动改变属性值，并且transition 为2帧，从from 到 to ,anmiation 是一帧一帧执行的

 

4、谈谈外边距重叠的问题(外边距折叠)

　　多个相邻的块级元素，垂直方向margin会重叠

　　两个相邻的外边距都是正数的时候 ，折叠结果是他们之间较大的那个值

　　都是负数，取绝对值较大的那个

　　一正一负，取两者之间的和

 

5、如何实现图片在容器中居中的

　　父元素固定宽高，利用定位及设置子元素margin值为自身的一半。
　　父元素固定宽高，子元素设置position: absolute, margin: auto 平均分配margin
　　css3属性transform.子元素设置position: absolute; left: 50%; top: 50%; transform: translate(-50%，-50%) ;即可。
　　将父元素设置成display: table, 子元素设置为单元格display: table-cell。
　　弹性布局display: flex. 设置align-items: center; justify-content: center。

 

　　

 

 

 

 

 

 

 

 

 

 

转自　　https://blog.csdn.net/m0_46374969/category_10842664.html