正常流
西方语言文本从左向右、从上向下显示,也是传统HTML文档的文本布局。
替换元素
指用作为其他内容占位符的一个元素。浏览器根据其标签的元素与属性来判断显示具体的内容。
比如:<input type="text"/>
,这是一个文本输入框,换一个其他的type的时候,浏览器显示就不一样。
(X)HTML中的<img>
、<input>
、<textarea>
、<select>
、<object>
都是替换元素,这些元素都没有实际的内容。
非替换元素
元素的内容包含在文档中。
(X)HTML 的大多数元素是不可替换元素,他们将内容直接告诉浏览器,将其显示出来。
例如:<p>wanmei.com</p>
块级元素
在正常流中,这些元素会在之前和之后生成“换行”,所以出于正常流中的块级元素会垂直摆放。
最明显的特征就是独自占领一行,自动充满父级元素的内容区域。
通过声明display:block
,可以让元素生成块级框。
行内元素(也称内联元素)
这些元素不会在之前或之后生成“行分隔符”,可以左右都允许有元素。
他们是块级元素的后代。
通过声明display:inline
,可以让元素生成块级框。