html 高频面试题

1. html 元素的类型

块级元素 block、行内元素inline、行内块级元素inline-block

块级元素的特点：

1. 总是从新的一行开始，即各个块级元素独占一行，默认垂直向下排列；
2. 高度、宽度、margin及padding都是可控的，设置有效，有边距效果；
3. 宽度没有设置时，默认为100%；
4. 块级元素中可以包含块级元素、行内元素、行内块级元素。

行内元素的特点：

1. 和其他行内元素都在一行，即行内元素和其他行内元素都会在一条水平线上排列；
2. 高度、宽度是不可控的，设置无效，由内容决定。
3. 根据标签语义化的理念，行内元素最好只包含行内元素，不包含块级元素。
4. padding 能够设置，margin只能设置左右，不能设置上下

行内块级元素的特点：

1. 不自动换行，与其他行内元素都会在一条水平线上排列；
2. 高度、宽度、margin及padding都是可控的，设置有效，有边距效果；
3. 根据标签语义化的理念，行内块级元素最好只包含行内元素；
4. 默认排列方式为从左到右；

常见的块级元素
div、p、ul、ol、li、table、form、h1到h6、section、nav、footer、header