³²

【前端面试题】HTML和CSS

发布于2024-03-17 21:27:53 • 阅读量 8928

发布于2024-03-17 21:27:53 | 版权信息：非商用-署名-自由转载

推荐阅读

HTML和CSS

1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

2. 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

3. Quirks模式是什么？它和Standards模式有什么区别

4. div+css的布局较table布局有什么优点？

5. img的alt与title有何异同？ strong与em的异同？

6. 你能描述一下渐进增强和优雅降级之间的不同吗?

7. 为什么利用多个域名来存储网站资源会更有效？

8. 请谈一下你对网页标准和标准制定机构重要性的理解。

9. 请描述一下cookies，sessionStorage和localStorage的区别？

10. 简述一下src与href的区别。

11. 知道的网页制作会用到的图片格式有哪些？

12. 知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？

13. 在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？

14. 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。

15. 你如何理解HTML结构的语义化？

16. 谈谈以前端角度出发做好SEO需要考虑什么？

17. 有哪项方式可以对一个DOM设置它的CSS样式？

18. CSS都有哪些选择器？

19. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

20. 超链接访问过后hover样式就不出现的问题是什么？如何解决？

21. 什么是Css Hack？ie6,7,8的hack分别是什么？

22. 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

23. 什么是外边距重叠？重叠的结果是什么？

24. rgba()和opacity的透明效果有什么不同？

25. css中可以让文字在垂直和水平方向上重叠的两个属性是什么？

26. 如何垂直居中一个浮动元素？

27. px和em的区别。

28. 描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？

29. Sass、LESS是什么？大家为什么要使用他们？

30. display:none与visibility:hidden的区别是什么？

31. CSS中link和@import的区别是：

32. 简介盒子模型：

33. 为什么要初始化样式？

34. BFC是什么?

35. html语义化是什么？

36. Doctype的作用？严格模式与混杂模式的区别？

37. IE的双边距BUG：块级元素float后设置横向margin，ie6显示的margin比设置的较大。

38. HTML与XHTML——二者有什么区别？

39. html常见兼容性问题？

40. 对WEB标准以及W3C的理解与认识

41. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

42. 前端页面有哪三层构成，分别是什么?作用是什么?

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

44. 行内元素有哪些？块级元素有哪些？空(void)元素有那些？

45. CSS的盒子模型？

46. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？

47. 如何居中div,如何居中一个浮动元素?

48. 浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？

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

50. absolute的containing block计算方式跟正常流有什么不同？

51. 对WEB标准以及W3C的理解与认识

52. css的基本语句构成是?

53. 浏览器标准模式和怪异模式之间的区别是什么?

54. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

55. 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

56. 什么是外边距重叠？重叠的结果是什么？

57. 说display属性有哪些？可以做什么？

58、描述一个"reset"的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？

58. 哪些css属性可以继承？

59. css优先级算法如何计算？

60. b标签和strong标签,i标签和em标签的区别？

61. 有那些行内元素、有哪些块级元素、盒模型？

62. 有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？

63. 我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？

64. CSS的盒模型由什么组成？

65. 说说display属性有哪些？可以做什么？

66. 哪些css属性可以继承？

67. css优先级算法如何计算？