面试题分享

1.什么是盒子模型？盒子模型分为哪两种？其中的区别是什么？

盒子模型包含：内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。

这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。

    盒子模型分为w3c盒子模型以及IE盒子模型。

   两者之间的区别是：w3c盒子模型的宽度，高度包含了内容（content）、填充（padding）、边框（border），而IE盒子模型只算内容（content）部分。

2.box-sizing有哪些取值，分别代表什么？

box-sizing的取值有：content-box、border-box、inherit

content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框。

border-box：宽度高度包含了padding还有border的值。

3.实现三列布局，两边顶宽，中间自适应：

原来我有写过一篇博文总结了一些方法：https://blog.youkuaiyun.com/pengpeng987/article/details/79535795

4. transition-property：width与transition-property：all的区别

transition-property：width表示width获得过度效果，而transition-property：所有属性将获得过度效果。

未完待续