字节跳动校招提前批前端一面总结

面试官上来就问了一些比较简单的问题（除了自我介绍和项目经历）
1、块级元素和行内元素分别有哪些？
块级元素：address 、article、 aside、 audio、 video、 canvas、 div、 footer、 form、 h1、 h2、 h3、 h4、 h5、 h6、 header、 hr、 ul、 ol、 output、 p、 table等
行内元素：a、 img、 map、 span、 button、 input、 label、 select等
2、块级元素和行内元素的区别？
（1）行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行，水平方向排列。
块级元素各占据一行（默认宽度是他本身父容器的100%，与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。
（2）块级元素内可以包含行内元素，行内元素不能包含块级元素，只能包含文本或其他行内元素。
（3）块级元素和行内元素属性的不同，主要是盒模型属性上：行内元素设置width无效，height无效（可以设置line-height），margin上下无效，padding上下无效。
3、块级元素、行内元素的转换？
display：block；转换为块级
display：inline；转换为行内
4、行内元素如何设置宽高？
（1）display：block；
（2）display：inline-block；