HTML元素分类
块级元素
<div>这是一个块级元素</div>
其他常见的还有<p>,<h1>到<h6>,<ol>,<ul>,<dl>,<tabal>,<from>
1.每个块级元素都从新的一行开始,并且其后的元素也另起一行
2.元素的高度、宽度、行高以及顶和底边距都可设置
3.元素宽度在不设置的情况下,是它本身父容器的100%(和父容器宽度一致),除非设定一个宽度
行内元素
<span>这是一个行内元素</span>
其他常见的还有<a>,<br>,<i>,<label>,<input>,<img>
1.和其他元素都在一行
2.元素的高度、宽度、行高及顶部和底部边距不可设置
3.元素的宽度就是它包含的文字或图片的宽度,不可改变。
行内块元素
<span style="display: inline-block;">这是一个行内块元素</span>
1.从严格上的意义来说,没有一个元素是天生属于行内块元素的,但是我们可以通过display:inline-bl