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.csdn.net/pengpeng987/article/details/79535795
4. transition-property:width与transition-property:all的区别
transition-property:width表示width获得过度效果,而transition-property:所有属性将获得过度效果。
未完待续