块元素和行内元素 以及行内块元素的特征？

Answer 1

  <!-- ============================================ -->
  <!-- =================  块属性  ================== -->
  <!-- ============================================ -->
  <!-- <div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form> -->
  <!--
    1.每一个快属性标签都是从新的一行开始，而且之后的元素也都会从新的一行开始
    （因为每一个块属性标签都会直接占据一整行的内容，导致下面的内容也只能从新的一行开始）
    2.块属性标签都是可以设置宽度、高度，行高，距顶部距离，距底部距离
    3.块属性标签的宽度假如不做设置，会直接默认为父元素宽度的100%
    4.块属性标签是可以直接嵌套的
    5.p标签中不能嵌套div标签
  -->
  <!-- ============================================ -->
  <!-- =================  行属性  ================== -->
  <!-- ============================================ -->
  <!--
    <a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>等
  -->
  <!--
    1.行属性标签它和其它标签处在同一行内
    2.行属性标签无法设置宽度，高度 行高 距顶部距离 距底部距离
    3.行属性标签的宽度是直接由内部的文字或者图片等内容撑开的
    4.行属性标签内部不能嵌套行属性标签（a链接内不能嵌套其他链接）
  -->

行内快 同时具有 行元素和块元素的部分特征.

Answer 2

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

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

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

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

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

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

行内块元素

display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

Answer 3

同上！