line-height: 2和line-height: 200%有什么区别?

父元素设置line-height:2会直接继承给子元素，子元素根据自己的font-size再去计算子元素自己的line-height。
父元素设置line-height:200%是计算好了line-height值，然后把这个计算值给子元素继承，子元素继承拿到的就是最终的值了。此时子元素设置font-size就对其line-height无影响了。

inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?

简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
1.去除空白文本。2.包进一个div，设置font-size为0.
给该类元素设置vertical-align：top；

让一个元素"看不见"有几种方式？有什么区别?

1.opacity 属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding box）而设计的。这意味着将 opacity 设为 0 只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互。

2，将visibility的值设为 hidden 将隐藏我们的元素。如同 opacity 属性，被隐藏的元素依然会对我们的网页布局起作用。与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏。
3.　display属性依照词义真正隐藏元素将display属性设为 none 确保元素不可见并且连盒模型也不生成。使用这个属性被隐藏的元素不占据任何空间不仅如此，一旦display设为none任何对该元素直接打用户交互操作都不可能生效。此外读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。
4..position，我们都知道position是用来定位元素的，数值可正可负，假如说一个元素的距离我们的视窗（电脑显示屏幕）足够大，大到我们浏览器也无法显示出来，那么它也是“消失”的。position:absolute;top:-999em或left:-999em

5. text-indent，这个属性本来是用来设置文本缩进的，一般我们习惯是首行缩2个中文字所以一般的用法是text-indent:2em。但它允许负值，假如给它一个负值，这个负值足够大，大到一般我们浏览器无法显示，好像它跟浏览器宽度躲猫猫一样。假如说用户浏览器分辨率不够支撑其缩减的宽度，那么它就默认显示“没有”，但是它会占据网页空间，只不过是我们在前端“看不见”而已，但是它会影响到文档的布局，感觉它是悬挂在本文前面，一直挂到你电脑屏幕足够大显示它为止。