前端 60 道面试题及答案.docx

"前端 60 道面试题及答案" 本资源摘要信息涵盖了前端开发中的多个知识点，包括 HTML 语义化、盒子模型、 CSS 选择器、 Flex 布局、BFC 等。 HTML 语义化是指使用正确的 HTML 标签来表示页面的结构和内容，让搜索引擎和其他设备更好地理解页面的结构，从而提高页面的可读性和搜索引擎优化 (SEO)。 HTML 语义化的优点包括易于用户阅读、有利于 SEO、方便其他设备解析、有利于开发和维护等。 盒子模型是 CSS 中的一个重要概念，分为标准盒模型和怪异盒模型两种。标准盒模型的宽度等于 content-box 的宽度加上 margin、border 和 padding 的宽度，而怪异盒模型的宽度等于 content-box 的宽度。box-sizing 属性可以用来设置盒模型的类型。 CSS 选择器是 CSS 中的一个重要概念，包括通配符、ID 选择器、类选择器、元素选择器、后代选择器、伪类选择器和属性选择器等。CSS 选择器的权重顺序为！important→行内样式→#id→class →元素和伪元素→*→继承→默认。 Flex 布局是 CSS3 中的一个新特性，用于布局和排版。Flex 布局可以使元素在水平和垂直方向上排列，通过设置 flex-direction、flex-wrap、justify-content 和 align-items 等属性可以控制 Flex 布局的方式。 BFC（Block Formatting Context）是 CSS 中的一个概念，指的是一个独立的渲染区域，使得内部元素和外部元素相互隔离，不会相互影响。BFC 可以通过 display:inline-block、position:absolute/fixed 等方式产生。 此外，本资源摘要信息还涵盖了 rem 和 em 单位的区别、transition、transform、animation、gradient、shadow 和 border-radius 等 CSS 新特性，以及行内元素和块级元素的区别、绝对定位和相对定位的区别等知识点。