HTML中三大元素种类——行内元素、块级元素、行内块元素

1.行内元素：（常用）：

<a>  <span>  <br> <i>  <em>  <strong>

特点：

1.和其他元素可以并排

2.元素的高度宽度 以及上边距和下边距取决于内容的宽高

 

以<span>标签为例

 

 2.块级元素

<div> <p> <ul> <ol> <li> <dl> <h1>...<h6> <form>

特点：

1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）;

2.元素的宽高，行高以及四周边距都可以人为设置

3.元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

 

 

 3.行内块元素

<img>  <input>

特点：（综合行内元素和块级元素特点）

1.内容可以并排

2.宽高 行高以及边距都可以设置

 

三种元素的转化：