行内元素，块级元素，行内块元素

行内元素

常见行内元素
span、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u、button

特点

• 不能设置宽度和高度
• margin只能设置左右外边距
• 不会自动换行，不能独占一行
• 行内元素只能包括文字或行内元素、行内块元素，不能包括块级元素

块级元素

常用块级元素
div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre
HTML5：header、section、article、footer

特点

• 可以设置高度和宽度
• 可以设置上下左右外边距
• 块级元素独占一行，当没有设置宽高时，它默认设置为100%
• .块级元素可以包行内元素、块级元素
• 多个块状元素标签写在一起，默认排列方式为从上至下

行内块元素

特点

• 不能独占一行
• 可以设置高度和宽度
• 可以修改内外边距
• 默认排列方式为从左到右

行内元素与块级元素的相互转换

• display:inline;转换为行内元素
• display:block;转换为块状元素
• display:inline-block;转换为行内块状元素