CSS知识点

设置 line-height 的最佳方式

例如需要给一个页面的文字设置默认双倍行距

我们假设页面默认的 font-size 是 12pt ，不过它也会包含了一个 font-size 为 24pt 的头部。如果你将 body 的 line-height 设置为2em 或者 200%，那样在文档中（当然也包括头部）就会得到一个 24pt 的行高（body 的 font-size 的 2 倍）。因而，头部就是单倍行距，而不是双倍！

相反，将 line-height 设置为 2 会告知浏览器保持 font-size/line-height 比例，即便文字的尺寸发生变化。body 的行高将是 24pt，而头部的文字为 24pt，行高也将自动增长为 48pt。

如何让元素部分重叠

z-index:还需要设置元素的 position 属性让 z-index 起作用

margin:负值 margin 让它们相互遮盖
创建一个仅有两个 div 元素的页面。将第二个 div 的 margin-top 值设置成负值，比如 -100px。砰！现在第二个 div 覆盖了第一个 div 100 像素。