替换元素是指，浏览器会根据元素的标签和属性，来决定元素的具体显示内容。 其内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）。
最明显的两个例子：
另外，textarea、select、object、video都是替换元素。这些元素往往没有实际的内容，即是一个空元素，浏览器会根据元素的标签类型和属性来显示这些元素。audio和canvas在某些特定情形下为替换元素。使用CSS的content属性插入的对象是匿名替换元素。
HTML 的大多数元素是非替换元素，浏览器直接将其内容显示出来。例如：div, p, span
普通流中，块元素独占一行。例如：div，p，h1等。
普通流中，行内元素左右可以有其他行内元素。
块级元素，width，height，margin，boder的设置遵循盒模型。
行内替换元素，width，height，margin，boder的设置遵循盒模型。另外，当其宽高有auto属性时，其表现如下：
css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
替换元素和非替换元素
html元素两种分类。替换元素和不可替换元素；块级元素和行内元素
置换元素(替换元素)和非置换元素(不可替换元素)
行内元素与块级元素的总结
置换和非置换元素
CSS中常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>。
块级元素的特点：
每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。元素的高度、宽度、行高和顶底边距都是可以设置的。元素的宽度如果不设置的话，默认为父元素的宽度。
行级元素的特点：
可以和其他元素处于一行，不用必须另起一行。元素的高度、宽度及顶部和底部边距不可设置。元素的宽度就是它包含的文字、图片的宽度，不可改变。
拓展资料：行级元素与块级元素的转换
可以在css样式中用display:inline将块级元素设为行级元素，同样，也可以用display:block将行级元素设为块级元素。（资料参考：网页链接）
块状元素特点：
1、独占一行，在默认情况下，宽度自动填满父元素宽度
2、宽度和高度可以控制
3、margin和padding横向纵向设置都有效
4、可以通过display: inline转换为行内元素
5、除个别特殊元素外，可包含块状元素和行内元素
行内元素特点：
1、不能独占一行
2、宽高由内容撑开
3、margin和padding横向设置有效，纵向设置不产生边距效果
4、可以通过display: block转换为块状元素
5、除ins和del外，不能包含块状元素
《HTML标签嵌套规则》
