你好：

1.行内元素与块级元素直观上的区别

    行内元素会在一条直线上排列，都是同一行的，水平方向排列

    块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效

望采纳！

  <!-- ============================================ -->
  <!-- =================  行属性  ================== -->
  <!-- ============================================ -->
  <!--
    <a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>等
  -->
  <!--
    1.行属性标签它和其它标签处在同一行内
    2.行属性标签无法设置宽度，高度 行高 距顶部距离 距底部距离
    3.行属性标签的宽度是直接由内部的文字或者图片等内容撑开的
    4.行属性标签内部不能嵌套行属性标签（a链接内不能嵌套其他链接）
  -->
  <!-- ============================================ -->
  <!-- =================  块属性  ================== -->
  <!-- ============================================ -->
  <!-- <div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form> -->

  <!--
    1.每一个快属性标签都是从新的一行开始，而且之后的元素也都会从新的一行开始
    （因为每一个块属性标签都会直接占据一整行的内容，导致下面的内容也只能从新的一行开始）
    2.块属性标签都是可以设置宽度、高度，行高，距顶部距离，距底部距离
    3.块属性标签的宽度假如不做设置，会直接默认为父元素宽度的100%
    4.块属性标签是可以直接嵌套的
    5.p标签中不能嵌套div标签
  -->

望采纳!

行内元素就是灰在一行显示，块级的话会另开一行，比如span 他就是行内元素，比如<span>a</span><span>b</span>

显示的话会是a,b在同一行，而对于div这种块级元素的话，如果<div>c</div><div>d</div>,这样c,d不会在同一行，会另开一行

块级元素： div h1~h6 ul ol  p dl table form...

行内元素： a span label  em strong ...

内联块级： img input

内联块级元素：和其他元素同一行（行内元素特点），可以设置元素的宽高等（块级元素特点）。

display:inline-block 设置成内联块级元素。

display：inline 内联元素

display:block 块级元素

 块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行

 行内元素会在一条直线上排列，都是同一行的，水平方向排列

 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效

块级元素(block element)
div -最常用的块级元素
dl - 和dt dd搭配使用的块级元素
form - 交互表单
h1 - 大标题
hr - 水平分隔线
ol - 排序表单
p - 段落
ul - 非排序列表

内联元素(inline element)
a - 锚点
b - 粗体(不推荐)
br - 换行
em - 强调
font - 字体设定(不推荐)
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
small - 小字体文本
span - 常用内联容器，定义文本内区块
strike - 中划线
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
tt - 电传文本
u - 下划线