HTML中的标签显示模式，display的用法

什么是标签显示模式？

HTML中我们将标签分为块状元素和行元素,它们也叫块标签和行内标签。

块状元素有哪些？

最熟悉的 <div></div>
标题元素：<h1></h1>  <h2></h2>...
段落标签: <p> </p>
表格 : <table></table> ...
这边我就举这点例子

块状元素有什么特点？

1. 独占一行肯定是没有问题的
2. 高度，宽度，边框都是可以设置的
3. 默认宽度是100%
4. 块状元素内部可以写行或者块元素 

行元素有哪些？

<span></span>，<a></a>，<b></b>，<i></i>

行元素有什么特点？

1. 每行可以有多个行元素
2. 高，宽，内边距都无法设置（行内元素是可以设置内边距 padding 的，只不过元素本身无法把父元素撑开，看上去就是设置的 padding 上下边距不起效了，而 margin 就只能设置 span 的左右边距。）
3. 默认宽度就是内容
4. 行元素内部不能出现块状元素

接下来介绍一下行内块元素：不定规则里面总有几个不一样的

<img> ,<td> ,<input>  可以设置高，宽，内外边框

1. 每行可存在多个，每个之间没有空隙
2. 宽，高，内外边距都可以设置
3. 默认宽度就是内容

标签之间的转化：

块---->行: display:inline;
行---->块: display:bolck;
块，行---->行内块:display:inline-block;
display:none;  该元素不被显示