Web前台面试题及详细答案.docxVIP

Web前台面试题及详细答案

一、基础必考题（入门级，考察核心基础）

1.请说说HTML、CSS、JavaScript三者的关系，以及各自在Web开发中的作用？

答案：三者是Web前台开发的核心三要素，缺一不可，分工明确且相互配合。

HTML（超文本标记语言）是“结构”，相当于网页的骨架，负责定义页面的内容和结构，比如标题、段落、图片、按钮等，只关注“有什么”，不关心样式和交互；

CSS（层叠样式表）是“样式”，相当于网页的皮肤，负责美化HTML结构，控制元素的颜色、大小、布局、间距等，让页面更美观、更符合设计需求；

JavaScript是“行为”，相当于网页的灵魂，负责实现页面的交互效果和动态逻辑，比如点击按钮弹出弹窗、表单验证、数据渲染、页面滚动效果等，让页面“活”起来。

简单总结：HTML搭骨架，CSS做美化，JavaScript实现交互，三者协同才能完成一个完整的前台页面。

2.CSS选择器有哪些？优先级是怎样的？请举例说明。

答案：常用CSS选择器分为5类，优先级从高到低依次是：

1.内联样式（行内样式）：直接写在HTML标签的style属性里，比如divstyle=color:red;，优先级最高；

2.ID选择器：用#开头，选中唯一的元素，比如#box{color:blue;}；

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