前端面试题

一、 HTML和CSS 面试题

1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
2. 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
3. div+css的布局较table布局有什么优点？
4. img的alt与title有何异同？ strong与em的异同？
5. 你能描述一下渐进增强和优雅降级之间的不同吗?
6. 为什么利用多个域名来存储网站资源会更有效？
7. 请谈一下你对网页标准和标准制定机构重要性的理解。
8. 请描述一下cookies，sessionStorage和localStorage的区别？
9. 简述一下src与href的区别。
10. 知道的网页制作会用到的图片格式有哪些？
11. 在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
12. 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
13. 你如何理解HTML结构的语义化？
14. 谈谈以前端角度出发做好SEO需要考虑什么？
15. 有哪项方式可以对一个DOM设置它的CSS样式？
16. CSS都有哪些选择器？
17. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
18. 超链接访问过后hover样式就不出现的问题是什么？如何解决？
19. 什么是Css Hack？ie6,7,8的hack分别是什么？
20. 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
21. 什么是外边距重叠？重叠的结果是什么？
22. rgba()和opacity的透明效果有什么不同？
23. css中可以让文字在垂直和水平方向上重叠的两个属性是什么？
24. 如何垂直居中一个浮动元素？
25. px和em的区别。
26. 描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？
27. Sass、LESS是什么？大家为什么要使用他们？
28. display:none与visibility:hidden的区别是什么？
29. CSS中link和@import的区别是：
30. 简介盒子模型：
31. 为什么要初始化样式？
32. BFC是什么？
33. Doctype的作用？严格模式与混杂模式的区别？
34. IE的双边距BUG：块级元素float后设置横向margin，ie6显示的margin比设置的较大。
35. HTML与XHTML——二者有什么区别？
36. html常见兼容性问题？
37. 对WEB标准以及W3C的理解与认识
38. 行内元素有哪些?块级元素有哪些?
39. 前端页面有哪三层构成，分别是什么?作用是什么?
40. Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
41. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
42. CSS的盒子模型？
43. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
44. 浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
45. 列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？
46. absolute的containing block计算方式跟正常流有什么不同？
47. 对WEB标准以及W3C的理解与认识
48. css的基本语句构成是?
49. 浏览器标准模式和怪异模式之间的区别是什么?
50. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
51. 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
52. 什么是外边距重叠？重叠的结果是什么？
    55、描述一个"reset"的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？
    56、说display属性有哪些？可以做什么？
    57、 哪些css属性可以继承？
    58、css优先级算法如何计算？
    59、 b标签和strong标签,i标签和em标签的区别？
    60、 有那些行内元素、有哪些块级元素、盒模型？
    61、 有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？
    62、 我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？
    63、 CSS的盒模型由什么组成？
    64、 说说display属性有哪些？可以做什么？
    65、 哪些css属性可以继承？
    66、 css优先级算法如何计算？

希望以上对打算准备入值的哥哥姐姐们有帮助！

本文地址：https://blog.csdn.net/weixin_48232062/article/details/109255451