![6e0e1b3dc0b15f16918ef06b5825fb21.gif](https://i-blog.csdnimg.cn/blog_migrate/3bffc700e853bb09e092b0305b314711.gif)
这里是前端高频面试题系列专栏
今天这期分享的是HTML/CSS的高频题
根据我自己的面试经历和网上的面经,我汇总了20道HTML和CSS的面试题
⭐ 表示我没被问过,但很重要的知识点
⭐⭐ 表示我被问过的题
⭐⭐⭐表示我经常被问到的题
1.行内元素/块级元素 非替换元素/替换元素⭐⭐⭐
2.img的title和alt属性 ⭐⭐
•title是全局属性
3.meta标签⭐⭐
4.DOCTYPE 标签⭐⭐⭐
•标准模式 兼容模式
5.script标签的defer和async⭐
6.W3C盒模型和怪异盒模型 ⭐⭐⭐
•box-sizing
7.水平垂直居中的方法⭐⭐⭐
8.BFC⭐⭐⭐
•BFC是什么
•触发条件
•特性及作用
9.清除浮动的方法 ⭐⭐⭐
10.position属性 ⭐⭐⭐
11.CSS隐藏元素的方式 ⭐⭐
举例:display:none和visibility:hidden的区别
12.Flex布局 ⭐⭐⭐
•Flex容器和项目的常见属性
举例:常用作考察布局
13.双栏布局 三栏布局 ⭐⭐⭐
14.重排和重绘 ⭐⭐⭐
15.CSS选择器 ⭐⭐
•优先级
16.CSS动画 ⭐⭐
•animation属性
•transition属性
17.CSS实现三角形 ⭐⭐
18.CSS Sprites ⭐⭐
19.px rem em ⭐
20.伪类/伪元素⭐
结束
![0ecc464d9f440f790c052e0cd3b8fc8f.png](https://i-blog.csdnimg.cn/blog_migrate/098ded0d54ee2f0e1d0b9ad956c14c3f.png)
一起在前端的技术上进步
![c764a9f3377b77cb3a17cea528bfc29e.png](https://i-blog.csdnimg.cn/blog_migrate/4b46af5f16b2ecdfa65186bf3135ca32.png)
![65fa196e200042046a541ff38d65e7c4.gif](https://i-blog.csdnimg.cn/blog_migrate/1d2d7f0159a8197619cd44169f961afe.gif)