前端HTML——三大元素之块元素 内联块元素 和内联元素

块元素

div就是一个块元素，
所谓的块元素就是会独占一行的元素，无论它的内容有多少
都会独占一行

元素的宽高，行高以及四周边距都可以人为设置

div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等都是块元素

div这个标签没有任何语义，就是一个纯粹的块元素
并且不会为它里面的元素设置任何的默认样式

块元素主要用来对页面进行布局

内联元素

span就是一个内联元素（行内元素）
所谓的行内元素，指的是只占自身大小的元素，不会占用一行

1.和其他元素可以并排

2.元素的高度宽度 以及上边距和下边距取决于内容的宽高

常见的内联元素：
a img iframe span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认display：inline-block等等

span没有任何的语义，专门用来选中文字，然后为文字设置样式

内联元素主要用来用来选中文字，然后为文字设置样式

一般情况下只使用块元素去包含内联元素，而不会使用一个内联元素去包含一个块元素
a可以包含任意元素，出了它本身
p元素不可以包含任何的块元素

内联块元素

常用元素

img input

特点：（综合行内元素和块级元素特点）

1.内容可以并排

2.宽高 行高以及边距都可以设置