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

目录

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

 
 

 
 

 
 

 
 

 
 
，响应用户的操作










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