lvanboy的博客

浮动 你浮我也浮，我们才能在一起。若同级元素不连续浮动，则两两看成一组分析。 因为我们是浮起来的，所以不占用位置，我们下面空空如也。 左浮的左，右浮的右，他们基于自己父元素的左右边界，跨越不了内边距padding。 一般情况下，浮动只会影响后面的元素，不会影响前面的元素。 浮动可以让元素默认从块级转行内，行内转块级，块级元素不设置宽度自动占用一行，但浮...

外边距合并使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。相邻块元素垂直外边距的合并当上下相邻的两个块元素相遇时如下图，如果上面的元素设置了下外边距margin-bottom，下面的元素设置上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并（也称外边距...

行高行高的测量：当行高加载在行内元素如span标签（inline box）上时，一组inline box组成了一个line box即一整行的元素，而这个line box 的高度，会以inline box中最大的行高作为值，line box最终会影响当前元素的父元素的高度，使其产逼近于line box 的高度值，但会产生不到1px的误差。默认的行高是22px行高的构成是由l...

字体族：serif,sans-serif,monospance,cursive(网页中使用较少),fantasy(花体),字体族是一类字体，而不是特定字体，如：monaco字体属于monospace（等宽字体族），simsun字体属于serif（衬线字体）。对于网页中具体的字体，这里是Microsoft Yahei需要用引号引起来，而字体族serif，不能加引号，如下：多字体fa...