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

时间:2024-03-12 07:20:48

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.宽高 行高以及边距都可以设置

 

三种元素的转化: