原链: https://blog.csdn.net/baidu_33163851/article/details/51068236
html 中标签元素三种不同类型: 块状元素, 行内元素, 行内块状元素.
常用的块状元素:<div> <p> <h1>.....<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>
常用的行内元素:<a> <span> <br> <i> <em> <strong> <label> <q> <cite> <code> <var>
常用的行内块状元素:<img> <input>
块级元素特点: display:block;
1, 每个块级元素都从新的一行开始, 并且其后的元素也另起一行.
2, 元素的高度, 宽度, 行高以及顶和底边距都可设置.
3, 元素宽度在不设置的情况下, 是它本身父容器的 100%(和父元素的宽度一致), 除非设定一个宽度.
行内元素特点: display:inline;
1, 和其他元素都在一行上;
2, 元素的高度, 宽度及顶部和底部边距不可设置;
3, 元素的宽度就是它包含的文字或图片的宽度, 不可改变.
行内块状元素的特点: display:inline-block;
1, 和其他元素都在一行上;
2, 元素的高度, 宽度, 行高以及顶和底边距都可设置.
来源: http://www.qdfuns.com/article/49859/c0af88d32d6d26ff06679505e0d882a9.html