HTML哪些是块级元素，哪些是行内元素

  <div style="background-color: yellow;">块级元素div</div>
  <h3 style="background-color: yellow;">块级元素h3</h3>
  <hr style="background-color: yellow;">块级元素hr</hr>
  <p style="background-color: yellow;">块级元素p</p>
  <ul style="background-color: yellow;padding-left: 0;">块级元素ul</ul>
  <ol style="background-color: yellow;padding-left: 0;">块级元素ol</ol>
  <dl style="background-color: yellow;">块级元素dl</dl>
  <form style="background-color: yellow;">块级元素form</form>
  <address style="background-color: yellow;">块级元素address</address>
  <caption style="background-color: yellow; padding-inline-start: 0;">块级元素caption</caption>
  <dd style="background-color: yellow; margin-inline-start: 0;">块级元素dd</dd>
  <fieldset style="background-color: yellow; margin-block-start: 0;padding-inline-start: 0;">块级元素fieldset</fieldset>
  <legend style="background-color: yellow;">块级元素legend</legend>
  <li style="background-color: yellow; list-style: none;">块级元素li</li>
  <noscript style="background-color: yellow;">块级元素noscript</noscript>
  <pre style="background-color: yellow;">块级元素pre</pre>


  <span style="background-color: yellow;">行内元素span</span>
  <a href="" style="background-color: yellow;">行内元素a</a>
  <b style="background-color: yellow;">行内元素b</b>
  <strong style="background-color: yellow;">行内元素strong</strong>
  <sub style="background-color: yellow;">行内元素sub</sub>
  <i style="background-color: yellow;">行内元素i</i>
  <em style="background-color: yellow;">行内元素em</em>
  <del style="background-color: yellow;">行内元素del</del>
  <u style="background-color: yellow;">行内元素u</u>
  <input style="background-color: yellow;" placeholder="行内元素input"></input>
  <textarea style="background-color: yellow;">行内元素textarea</textarea>
  <select style="background-color: yellow;">行内元素select</select>
  <abbr style="background-color: yellow;">行内元素abbr</abbr>
  <bdo style="background-color: yellow;">行内元素bdo</bdo>
  <cite style="background-color: yellow;">行内元素cite</cite>
  <dfn style="background-color: yellow;">行内元素dfn</dfn>
  <em style="background-color: yellow;">行内元素em</em>
  <img style="background-color: yellow;">行内元素img</img>
  <kbd style="background-color: yellow;">行内元素kbd</kbd>
  <label style="background-color: yellow;">行内元素label</label>
  <q style="background-color: yellow;">行内元素q</q>
  <samp style="background-color: yellow;">行内元素samp</samp>
  <strong style="background-color: yellow;">行内元素strong</strong>
  <var style="background-color: yellow;">行内元素var</var>

·块级元素

1.总是从新的一行开始

2.高度、宽度都是可控的

3.宽度没有设置时，默认为100%

4.块级元素中可以包含块级元素和行内元素

·行内元素

1.和其他元素都在一行

2.高度、宽度以及内边距都是不可控的

3.宽高就是内容的高度，不可以改变

4.行内元素只能行内元素，不能包含块级元素