前端三大件是什么（前端三剑客常见面试题及其答案）

目录

1  
  
  
  
  
  
  、什么是 HTML？

2 
  
  
  
  
  
  
 、什么是 CSS？

3


 


 


 


 


 


 


、什么是 JavaScript？

4 
 
 
 
 
 
 、什么是盒模型？

5  
   
   
   
   
   
   
 、什么是浮动？

6

 

 

 

 

 

 

、什么是定位？

7
 

 

 

 

 

 

 、什么是选择器？

8              、什么是事件？

前端的三剑客指的是 HTML
 

 
 

 
 

 
 

 
 

 
 

 
 

、CSS 和 JavaScript  
  
  
  
  
  
  ，下面是一些常见的前端三剑客面试题及其答案

1












、什么是 HTML？

HTML（超文本标记语言）是用来描述网页结构和内容的一种标记语言              。它由一系列标签和属性组成 
  
  
  
  
  
  
 ，可以用来创建网页的各种元素


 


 


 


 


 


 


，如标题                     、段落
 
 
 
 
 
 
 
 
 
 
 
 
 
、图像



















、链接等 
 
  
 
  
 
  
 
  
 
  
 
  
 
。

2              、什么是 CSS？

CSS（层叠样式表）是用来控制网页样式和布局的一种标记语言












。它通过一系列的样式规则 
 
 
 
 
 
 ，将样式应用到 HTML 元素上  
   
   
   
   
   
   
 ，如字体
 
  
 
  
 
  
 
  
 
  
 
  
 
 、颜色













、大小  
  
  
  
  
  
  、位置等
  
  
  
  
  
  
  。

3 
  
  
  
  
  
  
 、什么是 JavaScript？

JavaScript 是一种用来创建交互式网页的脚本语言

 

 

 

 

 

 

，它可以在浏览器端执行 
  
  
  
  
  
  
。它可以用来操作网页元素
 

 

 

 

 

 

 ，响应用户交互              ，获取和修改网页内容等 


 


 


 


 


 


 

。

4


 


 


 


 


 


 


、什么是盒模型？

盒模型是指在 HTML 中
 

 
 

 
 

 
 

 
 

 
 

 
 

，每个元素都可以看作是一个矩形的盒子












，包含内容 
 
 
 
 
 
 、内边距  
   
   
   
   
   
   
 、边框和外边距四个部分
 
 
 
 
 
 
 。其中                     ，内容部分指的是元素内部的内容
 
 
 
 
 
 
 
 
 
 
 
 
 
，内边距指的是内容与边框之间的空白区域



















，边框指的是盒子的边框              ，外边距指的是盒子与其他元素之间的距离  
   
   
   
   
   
   
。

5

 

 

 

 

 

 

、什么是浮动？

浮动是指将元素从正常的文档流中移除
 
  
 
  
 
  
 
  
 
  
 
  
 
 ，使其向左或向右漂浮













，直到遇到父元素或其他浮动元素 

 

 

 

 

 

 
。浮动元素会脱离文档流  
  
  
  
  
  
  ，不会占用父元素的空间 
  
  
  
  
  
  
 ，因此可以用来实现文本环绕图片
 

 

 

 

 

 

 、多栏布局等效果

 

 

 

 

 

 

 。

6              、什么是定位？

定位是指通过设置元素的 position 属性来控制元素的位置             。常见的定位方式有静态定位
 

 
 

 
 

 
 

 
 

 
 

 
 

、相对定位












、绝对定位和固定定位 
 

 
 

 
 

 
 

 
 

 
 

 
 
。其中


 


 


 


 


 


 


，静态定位是元素的默认定位方式 
 
 
 
 
 
 ，相对定位是相对于元素在文档流中的位置进行定位  
   
   
   
   
   
   
 ，绝对定位是相对于最近的具有定位属性的父元素进行定位

 

 

 

 

 

 

，固定定位是相对于视口进行定位













。

7                     、什么是选择器？

选择器是指用来选择 HTML 元素并为其应用样式的一种语法                    。选择器可以根据元素的标签名
 
 
 
 
 
 
 
 
 
 
 
 
 
、类名



















、ID              、属性等特征来选择元素
 

 

 

 

 

 

 ，并为其设置样式 
 
 
 
 
 
 
 
 
 
 
 
 
 
。

8
 
  
 
  
 
  
 
  
 
  
 
  
 
 、什么是事件？

事件是指用户在浏览器中的各种操作              ，如点击













、鼠标移动  
  
  
  
  
  
  、键盘输入等



















。JavaScript 可以通过监听这些事件
 

 
 

 
 

 
 

 
 

 
 

 
 

，响应用户的操作












，从而实现交互式的网页效果              。