HTML块级元素、行内元素和置换元素

一、块级元素和行内元素

	特点	常见
块级元素	独占一行 行高和边距可变 可以容纳块级元素和内联元素 display: block / table;	div header nav article aside section footer p h1~h6 ul ol...
行内元素	与其他元素在同一行上 行高和边距不可变 只可容纳内联元素 display: inline / inline-block;	span img label input button...

 

二、什么是置换元素

1、一个内容不受 CSS 视觉格式化模型控制，CSS 渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素

2、浏览器会根据置换元素的标签和属性，来决定元素的具体显示内容

3、置换元素与一般行内元素的区别在于：置换元素拥有内在尺寸，可以设置宽高，其性质等同于设置了 display: inline-block; 的元素

 

三、常见的置换元素

常见的有 <img>、<input>、<textarea>、<select>、<object>等