前端面试-汇总

一，css部分，大致可以问的几处地方

• 盒模型

1. 组成 content+ border + padding + margin
2. 标准盒模型（用box-sizing:content-box;），IE模型(box-size: border-box)

• 垂直居中方法（方法太多了，随便举几个）

　　　1.display: flex;

　　　2. position:absolute;

　　　3, transform

• 三栏布局 (放几个常见的)

1. float
2. flex
3. position

• 选择器权重计算方式

1. id > class > 标签选择器
2. 行内样式  >  内联 > 外部链接
3. important 优先级最高

• 清除浮动的方法

1. 外层div上加 overflow:hidden
2. 外层div 上加：after 伪类   

   .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
   content: "";
   display: block;
   height: 0;
   clear:both;
   visibility: hidden;
   }
   .clearfix{ *zoom: 1; }

3. 使用before和after双伪元素清除浮动 display: table, content: ' ', clear: both
4. 末尾加div clear:both

• flex 这个布局讲起来太多东西了，值得仔细研究 (http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)  大神的博客讲的很仔细，说几点我常用的

1. 我常用于， 列表布局如 一行有多个内容，均等排列

   display:flex;
   justify-content: space-around;
   align-items: center;

2. 内容超出了，是换行还是压缩 flex-wrap: wrap/ nowrap;

• 什么是BFC、可以解决哪些问题

1. black Fromattiong Context 翻译就是块级格式化上下文，
2. 主要解决外边距 塌陷问题，浮动问题，图片间隙问题

• position属性

• 如何实现一个自适应的正方形

• 如何用css实现一个三角形