块级元素行内元素
字数统计：527字目录
定义
块级元素(display: block):
1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2. 元素的高度、宽度、行高以及顶和底边距都可设置。
3. 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）。默认高度等于子元素高度。父子均是块级元素时，子块的高度可能冲破父级的限制
内联元素(display: inline)
1. 指的是书写完成后不会自动换行，并且元素没有宽和高。
2. 和其他内联元素都在一行上；
3. 可以通过margin、padding来改变左右的距离，但不可以改变上下的距离，导致width、height、line-height失效或。可以使用border。
4. 内联元素之间有空白区域，空白区域的形成是因为<span>之间有回车，在html中，空格、制表符、回车都属于空白符，多个空白符都会视为一个空格，空格的大小由父级<div>的font-size决定。注意：只有内联(内联块)与内联(内联块)之间的空白符才会形成一个空格，文本元素(除空白符)也是属于内联元素。常用解决方法，给<div>设置font-size: 0;，在<span>上把font-size设置回去
内联块状元素(display: inline-block)
1. 和其他元素都在一行上；
2. 元素的高度、宽度、行高以及顶和底边距都可设置。
3. 它也会有元素间出现空白区域的问题
空元素
没有内容的HTML元素<br>、<hr>、<img>、<input>、<link>、<meta>
分类
内联元素有：span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认display：inline-block）
块级元素有：div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、menu、pre，HTML5新增的header、section、aside、footer
内联块状元素： a, br, em, font, img, input, label, select, small, span, textarea
