HTML面试（一）

HTML布局元素有哪些，并描述每种布局元素的应用场景

布局元素：

内联元素：

span、a、b、strong、i、em、br、textarea

display：inline为本身属性

和其它元素从左到右一行显示，不可以设置宽高以及其它相关css属性，但是可以设置内外边距的左右值

宽高由自身内容决定（文字、图片）

只能容纳文本和其它行内元素，不能嵌套块级元素

块级元素：

div、h1-h6、ol、ul、li、table、p

本身属性为display：block

独占一行，每一个块级元素都是从新的一行重新开始，从上到下排布，可控制宽高等其它相关css属性

在不设置宽度的情况，默认是父级宽度

在不设置高度时，由内容撑开

内联块元素

综合了两种特性却又各有取舍

不自动换行

能识别width、height、line-height、padding、margin

默认排列方式从左到右

应用场景

内联元素：用于不指定宽高，由内容指定

块级元素：用于指定宽高，标签占满一行

内联块元素：用于指定元素宽高，不占满一行