M5

1.CSS可以绘制常见哪几种形状？

用CSS绘制最常见的40种形状和图形[https://www.cnblogs.com/Mr-liyang/p/6673854.html]

M6

1.去除inline-block间距有哪几种方法？（MIS8的小图片后跟着文字，可以用inline-block做，自己是用flex的）

去除间隙方法[https://www.cnblogs.com/bigboyLin/p/4624805.html]

去除inline-block元素间间距的N种方法[http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/]

2.css有哪些属性可以继承？

CSS中可以和不可以继承的属性[https://www.cnblogs.com/thislbq/p/5882105.html]

M7

1.什么是CSS sprites？

雪碧图，可以让页面少加载图片，方便选取图标

2.什么是浮动？有哪些清除浮动的方法？

几种常用的清除浮动方法[https://www.cnblogs.com/nxl0908/p/7245460.html]

3.rgba和opacity的透明效果有什么不同？display和visiblity有什么区别？

opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。

实例[https://blog.csdn.net/u010703975/article/details/49336271]

4.描述下z-index和叠加上下文是如何形成的？

我理解的z-index,层叠上下文，层叠顺序（DOM结构上）[https://blog.csdn.net/chen1057376155/article/details/51933665]

5.如果是在手机上查看投票页，没有hover效果时应该怎么办？

如果是在手机上查看投票页，没有HOVER效果时应该怎么办？[https://www.jianshu.com/p/ab3bf045f44c]

M8

1.如何实现轮播图？

1、可以用BOOTSTRAP框架，引入JS实现

2、可以用纯CSS3实现

2.如何用css写一个简单的幻灯片效果页面？

手把手教你用纯css3实现轮播图效果[https://www.jianshu.com/p/28643f36011e]

纯css实现轮播图[https://www.cnblogs.com/xiaobie123/p/6357984.html]

3.主流浏览器内核有哪几种？

五大主流浏览器内核的源起以及国内各大浏览器内核总结[https://blog.csdn.net/summer_15/article/details/71249203]

4.什么是外边距重叠？重叠的结果是什么？

CSS 外边距(margin)重叠及防止方法[https://blog.csdn.net/qq_24235325/article/details/50773765]

1、水平边距永远不会重合。

2、在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下：

a、全部都为正值，取最大者；

b、不全是正值，则都取绝对值，然后用正值减去最大值；

c、没有正值，则都取绝对值，然后用0减去最大值。

注意：相邻的盒模型可能由DOM元素动态产生并没有相邻或继承关系。

3、相邻的盒模型中，如果其中的一个是浮动的（float），垂直margin不会重叠，并且浮动的盒模型和它的子元素之间也是这样。

4、设置了overflow属性的元素和它的子元素之间的margin不被重叠（overflow取值为visible除外）。

5、设置了绝对定位（position:absolute）的盒模型，垂直margin不会被重叠，并且和他们的子元素之间也是一样。

6、设置了display:inline-block的元素，垂直margin不会重叠，甚至和他们的子元素之间也是一样。

7、如果一个盒模型的上下margin相邻，这时它的margin可能重叠覆盖（collapse through）它。在这种情况下，元素的位置（position）取决于它的相邻元素的margin是否重叠。

a、如果元素的margin和它的父元素的margin-top重叠在一起，盒模型border-top的边界定义和它的父元素相同。

b、另外，任意元素的父元素不参与margin的重叠，或者说只有父元素的margin-bottom是参与计算的。如果元素的border-top非零，那么元素的border-top边界位置和原来一样。

一个应用了清除操作的元素的margin-top绝不会和它的块级父元素的margin-bottom重叠。

注意，那些已经被重叠覆盖的元素的位置对其他已经重叠的元素的位置没有任何影响；只有在对这些元素的子元素定位时，border-top边界位置才是必需的。

8、根元素的垂直margin不会被重叠。

防止外边距重叠解决方案：

虽然外边距的重叠有其一定的意义，但有时候我们在设计上却不想让元素之间产生重叠，那么可以有如下几个建议可供参考：

外层元素padding代替

内层元素透明边框 border:1px solid transparent;

内层元素绝对定位 postion:absolute:

外层元素 overflow:hidden;

内层元素 加float:left;或display:inline-block;

内层元素padding:1px;

5.div+css的布局较table布局有什么优点？

一、div+css布局的好处：

1.符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。

2.布局精准，网站版面布局修改简单。

3.加快了页面的加载速度（最重要的）（在IE中要将整个table加载完了才显示内容）。

4.节约站点所占的空间和站点的流量。

5.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率。

二、table布局的好处（table布局也不是一点用的没有，这点是毋庸置疑的）

1.容易上手。

2.可以形成复杂的变化，简单快速。

3.表现上更加“严谨”，在不同浏览器中都能得到很好的兼容。

6.bootstrap有哪些常用组件？

JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐[https://www.cnblogs.com/landeanfen/p/5461849.html]

7.css有哪些方式可以实现垂直居中？

垂直居中是重点

纯CSS实现垂直居中的几种方法[https://www.cnblogs.com/hutuzhu/p/4450850.html]

垂直居中详解[https://www.cnblogs.com/cuncunjun/p/6555321.html]

CSS垂直居中的11种实现方式[https://www.cnblogs.com/zhouhuan/p/vertical_center.html]

8.margin负值在页面布局中有哪些应用？

bootstrap中用的多

CSS布局奇淫巧计之-强大的负边距[http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html#2457812]

负值之美：负margin在页面布局中的应用[https://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html]

最后的战略合作企业，也可以用MARGIN负值多列等高写。