块级、行内元素

在CSS中，html中的标签元素大体被分为三种不同的类型：块级元素，行内元素（内联元素），内联块状元素。

块级元素：

display:block; 块级元素。有换行，会换到第二行。同时可以设置宽高。

常用的块级元素有：div,p,h1-h6,ol,ul,dl,table,blockquote,form,pre,nav、aside、header、footer、section、article、address

行内元素：

display:inline; 行内元素。在同一行显示。设置width和height无效，margin及padding左右有效，上下无效。

常用的内联元素有：a,span,br,i,em,strong,label,q,var,cite,code

内联块状元素

display:inline-block;即可以设置宽高，又能不换行。inline-block 元素也可以设置 vertical-align（因为这个垂直对齐属性只对设置了inline-block的元素或table-cell的元素有效） 属性。

HTML 中的换行符、空格符、制表符等合并为空白符，字体大小不为 0 的情况下，空白符自然占据一定的宽度，使用inline-block 会产生了元素间的空隙。

常用的内联块状元素有：img,button按钮，单复选框radio，checkbox，单行/多行文本框input，textarea,select