原生JS面试题：doctype、CSS引入方式及BFC详解

在原生JavaScript的面试复习中，理解HTML文档解析模式和DOCTYPE声明是至关重要的。HTML有两种解析模式：严格模式（Standard Mode）和混杂模式（Quirks Mode）。DOCTYPE声明用于指定浏览器使用哪种HTML规范解析文档。若DOCTYPE声明完整且符合规范，浏览器将采用标准模式解析，反之则进入混杂模式，这可能影响布局和样式的一致性。 CSS的引入方式主要有三种：内联样式（Inline）、嵌入样式（Internal）和外部链接样式（Link）以及@import导入。内联样式直接写在HTML元素上，效率低但控制性强；嵌入样式在`<style>`标签内定义，适用于少量样式；link标签用于外部链接CSS文件，同时支持其他HTML属性，如`rel`和`href`，而`@import`是CSS2.1的特性，仅在IE5及以上版本可用，且需待页面完全载入后再加载，不如link标签灵活。 在CSS继承性方面，一些属性是可以向下传递的，如字体系列（`font-family`、`font-weight`、`font-size`、`font-style`、`line-height`）、文本系列（`text-indent`、`text-align`、`color`）和list-style属性的使用，例如通过组合`border`属性和绝对定位创建自定义箭头。 BFC（Block Formatting Context）是HTML/CSS中的一个重要概念，它定义了一个独立的渲染区域，使得内部元素不会受外部元素影响，解决了布局和浮动元素的问题。理解并应用BFC规则可以帮助开发者编写更健壮、性能更好的布局代码，避免意外的布局溢出和样式干扰。 面试时，关于这些知识点的深入理解和实践经验会被视为加分项，因为它们展示了你对基础语言特性和布局原理的掌握，这对于前端开发来说至关重要。在实际项目中，灵活运用这些知识能帮助你更好地处理兼容性问题，优化用户体验，并确保代码的可维护性。