校招面试时所涉及到的HTML类的内容难度不高，主要有HTML语义化、块级元素和行内元素、一些常用的标签等
从概念的角度解释块级元素和行内元素
块级元素
一般都是从新行开始，它可以容纳行内元素和其他块元素，常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素行内元素(内联元素)
一般都是语义级别的基本元素，内联元素一般只能容纳文本或者其他内联元素。
块元素（block element）和内联元素（inline element）都是html规范中的概念，可以通过CSS来实现块级元素和行内元素的转换
display:block; //转换为块级
display:inline; //转换为行内
display:inline-block;//默认宽度为内容宽度，可以设置宽高，同行显示
display:inherit;//从父元素继承display属性的值
块级元素和内联元素的区别
- 块级元素会独占一行，其宽度自动填满其父元素宽度
行内元素不会独占一行，相邻的行内元素会排列到同一行里，直到该行排不下，才会换行，其宽度随元素的内容变化而变化； - 一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效
（注意，块级元素设置了width宽度属性后仍然是独占一行的）； - 块级元素可以设置margin,padding属性
行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向上的padding-top和padding-bottom都不会产生边距效果
