Web前端面试题集锦及详细答案.docxVIP

Web前端面试题集锦及详细答案

一、基础必考题（入门级，几乎所有公司都会问）

1.请说说HTML、CSS、JavaScript三者的关系

答案：三者是前端开发的核心三要素，分工明确、协同工作，没有主次之分，缺一不可。

HTML是“结构”，负责搭建页面的骨架，比如标题、段落、图片、按钮等，只定义内容是什么，不负责样式和交互，相当于建筑的毛坯房；

CSS是“样式”，负责美化页面骨架，比如设置颜色、字体、布局、间距等，让页面更美观，相当于给毛坯房装修；

JavaScript是“行为”，负责实现页面的交互效果和动态逻辑，比如点击按钮弹窗、表单验证、数据渲染等，让页面“活”起来，相当于给装修好的房子装水电、家电，实现使用功能。

简单总结：HTML定结构，CSS做美化，JS实现交互，三者结合才能构成一个完整、可用的前端页面。

2.说说CSS选择器的优先级，以及常见的选择器类型

答案：优先级核心原则——specificity（specificity值越高，优先级越高；值相同，后定义的覆盖前定义的），无需死记复杂公式，记住核心顺序即可。

优先级从高到低排序（从强到弱）：

1.内联样式（style属性直接写在标签上）→specificity：1000

2.ID选择器（#id）→specificity：100

3.类选择器（.class）、伪类选择器（:hover、