html中的行内元素和块级元素

行内元素

不能控制宽高，不独占一行。常用的行内元素标签：

<a>
<b>
<br>
<button>
<img>
<input>
<label>
<select>
<span>
<textarea>
<video>

块级元素

可控制宽高，独占一行。常用的块级元素标签：

<div>
<header>
<nav>
<section>
<article>
<aside>
<footer>
<audio>
<caption>
<form>
<table>
<dd>
<dl>
<dt>
<tr>
<td>
<ul>
<ol>
<li>
<h1> to <h6>
<hr>
<p>

元素类型转换

1.行内转块display: block;

2.块转行内display: inline;

3.转行内块display: inline-block;元素可控制宽高，不独占一行。