块状元素和内联元素 【inline block】

// 9) {
colorRandom += colorArray[randomV - 10];
} else {
colorRandom += randomV;
}

}
currentEle.css('background-color', colorRandom);
});
}, 1000);
});
// ]]>

块状元素(block)：

总是另起一行开始

高度，行高以及顶、底边距都可控制；行高可以设置文字内容的垂直位置

若不设置大小，默认为父元素的100%

我是h1

我是h6,我宽100，高50

内联元素(inline)：

和其它元素都在一行上

高度，行高以及顶、底边距不可改变；行高只能改变占据的高度

宽度就是它所容纳的文字或图片的宽度，不可改变

我是一个span，常用内联元素，我的高度和行高，底边距都是无效的

inline-block:它具有inline元素的在同一行，又具有块状元素可以设置宽高，顶底边距

我是内联块状元素我是纯内联