html方面：
1. 哪些元素是inline、哪些是inline-block、哪些是block？
inline元素特点：
- 和其他元素都在一行上；
- 元素的高度、宽度、行高及顶部和底部边距不可设置；
- 元素的宽度就是它包含的文字或图片的宽度，不可改变。
常见的inline内联元素(行内元素)：
span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认display：inline-block））
inline-block元素特点：
- 和其他元素都在一行上；
- 元素的高度、宽度、行高以及顶和底边距都可设置
常见的inline-block块级元素：
img、input
block元素特点：
- 每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行）;
- 元素的高度、宽度、行高以及顶和底边距都可设置;
- 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
常见的block块级元素：
div、p、h1…h6、ol、ul、dl、table、address、blockquote、form
2. 块级元素、内联元素、行内块级元素的区别？
-
块级元素会独占一行，而内联元素和内联块元素则会在一行内显示。
-
块级元素和内联块元素可以设置 width、height 属性，而内联元素设置无效。
-
块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。
