前端面试题及答案.docxVIP

前端面试题及答案

一、基础必考题（每题5分，共30分）

1.请简述HTML、CSS、JavaScript三者的区别与联系。

答案：区别：①HTML（超文本标记语言）：负责搭建页面结构，是页面的“骨架”，定义页面中的元素（如文字、图片、按钮），不具备样式和交互能力；②CSS（层叠样式表）：负责美化页面，是页面的“皮肤”，控制元素的颜色、大小、布局、间距等样式，实现页面视觉效果；③JavaScript：负责页面交互，是页面的“灵魂”，实现动态效果（如弹窗、轮播、表单验证）、数据请求、逻辑处理等，让页面“活”起来。

联系：三者协同构成前端页面，HTML搭建结构，CSS美化结构，JavaScript为结构添加交互，缺一不可；HTML是基础，CSS和JavaScript依赖HTML存在，CSS可通过选择器定位HTML元素，JavaScript可操作HTML和CSS元素，实现页面的完整呈现和交互逻辑。

2.请解释CSS选择器的优先级，并举出3种常见的CSS选择器。

答案：优先级规则（从高到低）：①!important：手动提升样式优先级，最高（慎用，易造成样式混乱）；②内联样式（style属性）：直接写在HTML元素上的样式；③ID选择器（#id）：通过元素id属性定位，唯一匹配一个元素；④类选择器（.class）、伪类选择器（:hover）、属性选择器（[type=text]）；⑤元素