块级，行内，及其切换模式

什么是元素的显示模式？
就是元素（标签）以什么方式进行显示，比如像div自己独占一行，比如像span可以组合多个在一行上显示
作用：网页的标签比较多，在不同的地方会用到不同的标签，了解他们的特性，可以更好的布局页面

HTML元素一般分为块级元素，行内元素两种类型：

1.常见的块级元素；p div h1-h6 ul li ol main等等
块级元素：
①独占一行
②宽高/内边距/外边距都可以控制
③宽度默认是容器（父级标签）的100%
④是一个盒子，里面可以嵌套块级元素，行内元素
注意点：文字类的元素内不能使用块级元素 p h1-h6 等都是文字类的块级元素，里面不可以放其他的块级元素

2.常见的行内元素：span a del（字体带有中划线） em i ins，u（字体底部带有下划线） b， strong（字体加粗）等
行内元素：
①相邻行内元素在一行上，一行上可以显示多个
②宽高直接设置无效
③宽度默认是它本身内容的宽度
④行内元素只能容纳文本或其他行内元素

行内元素和行内块元素之间有空白间隙

3.行内块元素
在行内元素中有几个特别的标签 --img input td 它们同事具有块级元素和行内元素的特点
行内块元素的特点：
①和相邻的行内元素（行内块）在一行上，一行上可以显示多个（行内元素的特点）
②宽度默认是它本身内容的宽度（行内元素的特点）
③宽高/内边距/外边距都可以控制（块级元素的特点）

元素模式的转换
转换为块级元素：display：block 比如a标签
转换为行内元素：display：inline 比如div
转换为行内块元素：display：inline-block 比如span