2021前端面试关键点：HTML, CSS, H5新特性

"2021年前端面试题汇总" 这篇文档是针对2021年前端面试准备的一系列问题集合，涵盖了HTML与CSS的基础知识、H5新特性、CSS选择器以及盒模型等内容，旨在帮助面试者提升技能并顺利通过面试。 在HTML与CSS部分，面试题涉及了link和@import导入样式时的区别。link是HTML标签，常用于页面头部引入外部样式，同时加载，而@import是CSS语法，其加载时机在页面完成加载之后，且不支持IE5以下浏览器。此外，link可通过JavaScript动态改变样式，@import则无法做到。页面布局中，块级元素如div占据整行，可包含其他元素，行内元素如span水平排列，不能包含块级元素。img和input属于行内替换元素，具有类似块级元素的特性。 关于H5的新特性，文档列举了如语义化标签（header、footer等）、增强型表单（新增的input类型、表单元素和属性）、多媒体支持（video和audio元素）、Canvas绘图、地理定位、拖放功能、本地存储（localStorage和sessionStorage）以及新的JavaScript事件和webSocket全双工通信协议。 在CSS选择器部分，文档列出了通配符选择器、元素选择器、ID选择器、类选择器、后代选择器、子元素选择器和相邻选择器，并强调了优先级规则：!important > 内联样式 > ID选择器 > 类选择器 > 标签选择器。 最后，CSS盒模型是一个重要概念，它定义了元素占用的空间，包括内容区域、内边距（padding）、边框（border）和外边距（margin）。盒模型有两种：W3C标准盒模型（content + padding + border + margin）和IE盒模型（width 包含 content + padding + border）。Margin用于设置元素周围的空白空间，而padding则是元素内容与边框之间的距离，两者的区别在于作用范围和对元素总尺寸的影响。 这些面试题涵盖了前端开发的基础和进阶知识，对前端工程师的技能进行了全面考察，适合准备面试或巩固技能的学习者。