web前端必做笔试题-HTML/CSS篇

• HTML/CSS

1、什么是盒子模型？请画出盒模型示意图

2、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

3、如何居中一个div？如何居中一个浮动元素?(多种方式)

4、什么是css Hack？

5、css选择器有哪些?优先级是怎样的？

6、你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？

7、什么是外边距重叠？重叠的结果是什么？

8、Rgba()和opacity的透明效果有什么不同？

9、经常遇到的浏览器的兼容性有哪些？

10、如何理解HTML结构语义化？

11、如何清除浮动？

12、px和em的区别

13、Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

14、如何居中一个div？如何居中一个浮动元素?

15、对 WEB 标准以及 W3C 的理解与认识

16、请解释什么是雪碧图（css sprites），以及如何实现？

17、页面大量图片，如何优化加载，优化用户体验

18、列出 display 的值，说明他们的作用。position 的值， relative 和 absolute 定位原点是？

19、哪些 css 属性可以继承？

20、BFC是什么？

21、响应式设计与自适应设计有何不同？

22、HTML5的离线储存，localStorage与sessionStorage的区别？

23、谈谈css3的flex布局？并写至少5个相关属性，如何让内容宽度等分（使用css flex）

24、简述一下函数防抖和节流

25、http 常见的状态码有那些？分别代表是什么意思？

26、link 和@import 的区别是?

27、Sass、LESS 是什么？大家为什么要使用他们？Less预编译语言的优点

28、display:none 与 visibility:hidden 的区别是什么？

29、浏览器加载网页的过程

30、简述一下重绘和回流？如何减少回流、重绘

31、Css如何文字左右对齐，例如以下效果

姓       名

出 生 年 月

性       别

身   份  证

1. 前端性能优化的方式有哪些
2. 用过的css预处理语言有哪些，它相对于css本身有什么优势？具体如何实现代码优化的？
3. css原生动画如何制作？对anniment.css动画库的认识
4. flex布局和grid布局的区别，并简单陈述几个他们的主要属性,42、Flex布局怎么纵轴布局
5. 对HTTP缓存的认识？知道什么是强缓存么？
6. 为什么会出现跨域问题？如何解决？
7. 简述我使用过的HTML5新特性
8. 画一条0.5像素的线
9. 首屏加载慢解决方案
10. http的默认端口，https的默认端口
11. 官网怎么做SEO
12. Bigint和Number的区别

44、defer和async的区别