常见前端面试题CSS部分

1.盒模型

IE 盒子模型：IE的width部分包含了 border 和 pading;

标准 W3C 盒子模型: width/height+border+padding+margin;

2.清除浮动、

　　1). overflow : hidden;

　　2). .clearfix:after{ display : block; content : ""; height : 0; clear : both; visibility : hidden；}

3.CSS3旋转动画：

@-webkit-keyframes spin {
　　0% {
　　　　-webkit-transform:rotate(0deg);
　　}
　　50% {
　　　　-webkit-transform:rotate(-180deg);
　　}
　　100% {
　　　　-webkit-transform:rotate(-360deg);
　　}
}
-webkit-animation:spin 1.5s linear infinite;
-moz-animation:spin 1.5s linear infinite;

 4.