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

目录

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 可以通过监听这些事件
 

 
 

 
 

 
 

 
 

 
 

 
，响应用户的操作











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